I just started to get to know how ads work, I’m going to experiment with the different capabilities of Google AdSense and how it can be connected with Google Analytics.

I fired up AdSense and started to learn more about Google Analytics v4. I’ve used Google Analytics v3 (Universal Analytics) before, but it’s going to be deprecated next year.

Libs I Use for my Site

I build my blog using Hugo,one of the static site generation tool I’ve used. I customized my theme based on the PaperMod theme of adityatelange. This theme is based on the minimalistic Paper theme.

Tools that Seems Promising

I’d like to gain some experience in the analytics part of the applications. I mostly develop internal tools in closed networks, so I lack the proper experience of this from my ususal day-to-day life.

Let’s see how can I analyze my site.

Performance Analysis

The first rule is that the site has to be performant to keep its users.

But what is considered good? I have to measure it sommehow.

Google has some web developer tools that comme in handy.

Lighthouse test is available in Chrome (open in DevTools). Earlier it had a separate extension now it’s convenient to reach.

You can analyze and optimize your website with PageSpeed tools. Here are the links that analyze my site:

Google Analytics

Google Analytics is the most popular analytics tool available. It’s free to use.

You can find more info at the Analytics Docs.

In case you don’t have enough data you can enable some demo accounts where you can explore its possibilities.

Nowadays it’s called GA4. GA3 was called Universal analytics, it’s going to be deprecated in 2023.x

Google Analytics 4 Tutorial for Beginners

This video below helped me get started with GA4.

Google AdSense

AdSense is a platform where you can set how your advertisements will show up.

AdSense acts as an ad network, providing you access to demand from advertisers and helping you set up your ad inventory. AdSense is best for publishers who want more automation for their ad solutions, and have a small dedicated ad management team.

Okay, then what’s the difference between Ad Manager, AdSense, and AdMob? See this post for details.

Google Tag Manager

In Google Analytics 4 collects events instead of sessions. Google Tag Manager helps you define events in a graphical interface without any coding necessary. You can propagate changes in your analytics without having to redeploy your site with new data.

For complex usecases you can use gtag.js alongside the Tag Manager.

Upon developing your components Tag Assistant helps you preview your different tags.

Working with Google Analytics alongside Tag Manager

Google Analytics4 collects many events by default. In case you want to add custom events they have recommended naming conventions that can be found at Recommended events page.

These events can have parameters. The names under Enhanced measurement events are already usable in your custom events. However, if you want to use other parameters, you have to add them at Google Analytics > Configure > custom Definitions. Otherwise the new parameters won’t be saved although might show up in DebugView.

You can start a preview mode in Tag Assistant, and if you turn on Debug signal you can check the events in Google Analytics > Configure > DebugView as well.

TagAssistant can send debug signal

Google Tag Manager Tutorial for Beginners

This video below helped me get started with Google Tag Manager.

Google Search Console

In case you’re more into SEO aka search engine optimization, you can look how oother people find your site through google at the Google Search Console.

Search Console Insights show quickly digestible information about how your site performs currently.

Whoever have access can see my site data, and its Search Console Insights.

Summary

I see that there’s a lot to learn in this area, and I’m starting to dive deeper into it.

Happy coding!