Het maakt niet uit wat voor soort website u heeft, het is essentieel om te weten hoe uw bezoekers met uw site omgaan. Google Analytics (GA) is van oudsher de tool die webmasters gebruiken om inzicht te krijgen in het websiteverkeer. GA geeft gebruikers statistieken en rapporten over:

Het aantal bezoekers van uw site
Uit welk land komen ze?
Hoeveel pagina's ze per sessie hebben bezocht
De meest populaire pagina's op uw site
Hoeveel sitebezoekers zijn teruggestuurd (vertrokken zonder enige actie uit te voeren)

Voor het bijhouden van essentiële statistieken zoals paginaweergaven, sessieduur en bouncepercentage met GA is de plaatsing van GA-trackingcode of een GA JavaScript -codefragment op elke webpagina vereist. Dit is ideaal om algemene informatie bij te houden.

Voor meer specifieke statistieken of meerdere interacties wordt het echter een grotere uitdaging om elke actie bij te houden. Het zou bijvoorbeeld veel tijd kosten voor een website-eigenaar die verschillende formulieren en verschillende functies wil bijhouden om alle benodigde tags in te stellen en te laten werken.

Google Tag Manager ( GTM ) is een gratis tool voor tagbeheer waarmee u al uw tags gemakkelijker kunt volgen.

Wat is Google Tag Manager?^{(What Is Google Tag Manager?)}

In plaats van GA te vervangen, werkt GTM met GA (wat zelf een tag is) om gebruikers te helpen trackingcode (tags) toe te voegen, regels te definiëren en codefragmenten te implementeren.

De gegevens die door GTM worden verzameld, worden verzonden naar en opgeslagen in GA en andere tools zoals Google Ads , PayPal en Facebook .

Voorbeelden van tags die website-eigenaren willen bijhouden zijn:

Google-advertenties
Evenementen
Facebook-pixelcode
Remarketing
Aangepaste HTML/JavaScript-code

Website-eigenaren moeten beslissen welk gedrag hen inzichten geeft die ze nodig hebben om betere strategische marketingbeslissingen te nemen. Gebruik vervolgens Google Tag Manager om gegevens te verzamelen en de resultaten te analyseren.

In dit artikel leggen we uit hoe u aan de slag kunt gaan met GTM voor uw website.

Stel uw website in^{(Set Up Your Website)}

Als u nog geen Google Tag Manager- account heeft, stelt u er een in^{(set one up)} .

Voeg uw accountnaam, land, containerconfiguratie (uw domein) en uw doelplatform toe (kies web). Klik vervolgens op Maken^(Create) .
Nadat u akkoord bent gegaan met de servicevoorwaarden van Google, ziet u uw container-ID met twee codefragmenten.

U moet beide fragmenten aan elke pagina van uw site toevoegen om het installatieproces te voltooien. Zorg ervoor dat u ze op de juiste plaats toevoegt. Een hoort thuis in de <head> van je pagina. De andere komt na de openingstag <body> .
Als u extra hulp nodig heeft bij het installeren van de fragmenten, leest u de Snelstartgids^{( Quick Start Guide)} van Google . Of, als u WordPress gebruikt , zijn er verschillende plug-ins^{( several plugins)} die u kunt gebruiken.
Nadat u uw container heeft gemaakt, kunt u tags en triggers toevoegen om inzicht te krijgen in de bezoekers van uw site.

Hieronder^(Below) ziet u een voorbeeld van een website-actie waarmee u uw marketinginspanningen kunt meten.

Klikken op de trackingknop^{(Tracking Button Clicks)}

Knopklikken^(Button) verwijzen naar hoe vaak er op uw website call-to-action ( CTA ) wordt geklikt. Veel sites hebben meerdere CTA^(CTAs) 's, zoals:

downloaden.
Voeg toe aan winkelmandje.
Klik om te bellen.
Abonneren.
Inschrijven.
Begin.
Pak je gratis rapport.
Leer meer.
Meedoen.

Enkele variabelen instellen^{(Set Up Some Variables)}

Klik op Variabelen^(Variables) en vervolgens op Configureren^(Configure) in de navigatie aan de linkerkant.
Scroll naar beneden en klik op Element, Klassen, ID, Doel, URL^{(Element, Classes, ID, Target, URL )} en Tekst^(Text) .

De volgende stap is het inschakelen van een trigger die bij alle klikken wordt geactiveerd. Klik^(Click) op Triggers in de navigatie aan de linkerkant en klik op NIEUW.^(NEW.)

Geef je trigger dan een naam. Laten we het Button Click noemen .
Om een triggertype te selecteren, klikt u in het triggervenster, scrolt u omlaag naar de onderkant van de pop-uppagina en klikt u op Alle elementen^{(All Elements)} .
Zorg ervoor dat deze trigger^{(This trigger fires)} wordt geactiveerd bij Alle klikken^{(All Clicks )} en klik op Opslaan^{( Save)} .

Om te controleren of de tag correct werkt, klikt u op de knop Voorbeeld^(Preview) . Er verschijnt een oranje balk zodat u weet dat u zich in de voorbeeldmodus bevindt.

Open uw website in een nieuw browsertabblad en ververs de pagina. U ziet samenvattingsitems in de snelle voorbeeldmodus. Omdat we in dit voorbeeld de trigger zo hebben ingesteld dat deze wordt geactiveerd wanneer iemand ergens op uw site klikt, wordt deze geregistreerd als een GTM- klik.
Als u een specifieke knop op een pagina wilt identificeren, selecteert u een van de klikken in het voorbeeldvenster van Google Tag Manager . Klik vervolgens op Variabelen^(Variables) .

U ziet klikklassen, klikelementen en klikteksten. Alle verschillende klikken en klikklassen worden genoteerd. Nadat u de variabelen hebt gevonden, moet u uitzoeken wat u moet filteren voor de knop die u wilt bijhouden.

Klik^(Click) op die websiteknop en het zal het overzichtsgedeelte op het GTM- voorbeeld onder uw website markeren.

Kijk naar de variabelen die gerelateerd zijn aan de door u geselecteerde knop, zoals Klikklassen^(Click) , Klikelement^{(Click Element)} en Klik-ID^{(Click ID)} . Gebruik deze informatie om uw knopklik in te stellen. Ga terug naar je Google Tag Manager . Navigeer^(Navigate) naar Knop Klik^{(Button Click)} .

Laten we voor de toepassing van dit artikel een knop instellen voor Grijp uw gratis rapport^{(Grab your free report)} , dus hernoem de knop in Grijp uw gratis rapport-CTA^{( Grab your free report CTA)} .

Navigeer naar Deze trigger^{(This trigger fires on)} wordt geactiveerd en kies Enkele klikken^{(Some Clicks)} .

Hier kunt u filteren op de variabelen die u in de voorbeeldmodus hebt gevonden.

Ga terug naar het voorbeeld van uw website en noteer de variabelen voor de knop die u wilt bijhouden. Verschillende^(Different) delen van een knop kunnen verschillende klassen hebben, afhankelijk van waar u klikt.

De beste oplossing hiervoor is om uw tracking over te schakelen naar Link Click , omdat de klassen hetzelfde zijn, waar u ook klikt. Een klik op een link is een hyperlink die constant blijft.

Om die binnenkant van GTM te wijzigen , selecteert u Click – All Elements en wijzigt u dit in Just Links .

Gebruik de klas die u hebt opgeschreven vanuit de voorbeeldmodus en voeg deze toe in het lege vak rechts van Klik op Klassen^{(Click Classes )} en klik op Opslaan^{( Save)} .

Maak een tag^{(Create a Tag)}

Klik op Tags in de navigatie aan de linkerkant en klik op Nieuw^(New) .

Klik in het vak Tagconfiguratie^{(Tag Configuration)} om de tagtypen te openen. Scroll naar beneden en selecteer Aangepaste HTML^{(Custom HTML)} .
U kunt variabelen in deze sectie Aangepaste HTML^{(Custom HTML)} gebruiken door ze tussen deze haakjes te typen { }.
Wanneer u begint met het typen van de haakjes, ziet u een snelzoekmenu waarin u uw gedefinieerde bestaande variabelen kunt kiezen.

Nu moet je dit aansluiten op de trigger die je zojuist hebt gemaakt. Klik^(Click) in het vak Triggering , selecteer de trigger en klik op Opslaan^(Save) .
Vernieuw uw voorbeeldpagina opnieuw om uw knop te testen. Klik^(Click) op uw knop om te zien of de tag is geactiveerd. Als het niet werkt, ga dan terug en controleer al je instellingen.
Als ze correct zijn, zie je Tags geactiveerd op dit evenement^{(Tags Fired on This Event)} . U houdt nu bij wanneer op uw knop wordt geklikt.

Maak van de tag een evenement^{(Make The Tag An Event)}

Ga terug naar GTM en selecteer de tag die je zojuist hebt gemaakt. Zorg ervoor dat u het een identificeerbare naam geeft.
Wijzig het tagtype van Aangepaste HTML^{(Custom HTML)} in Google Analytics: Google Analytics : Universal Analytics .

Selecteer Event voor Track Type , CTA Button voor Event Tracking Parameters , Click for Action en voeg een identificerende naam toe voor Label .
Scrol^(Scroll) omlaag naar Google Analytics-instellingen^{(Google Analytics Settings)} , selecteer {{Google Analytics}} en klik op Opslaan^(Save) . Nu houdt u uw klikken in Google Analytics bij als een gebeurtenis.
Dien uw evenement in en publiceer^(Publish) het vervolgens.
Voeg in het gedeelte Beschrijving van containerversie^{(Container Version Description)} een beschrijvende naam voor uw evenement toe en klik op Doorgaan^(Continue) .

Uw nieuwe trigger en nieuwe tag zijn nu live op uw website om bij te houden wanneer een sitebezoeker op de knop klikt.

Er is geen limiet aan het aantal acties dat u kunt volgen met Google Tag Manager . Hoe meer gegevens u verzamelt en meet, hoe beter u uw marketing- en advertentiecampagnes kunt aanpassen om conversies en verkopen te verhogen.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you havе, knowing how your visitorѕ interact with your site is essential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Jay Timmermans

About the author

Ik ben een softwareontwikkelaar met meer dan 10 jaar ervaring. Ik ben gespecialiseerd in Mac-programmering en heb duizenden regels code geschreven voor verschillende Mac-programma's, waaronder maar niet beperkt tot: TextEdit, GarageBand, iMovie en Inkscape. Ook heb ik ervaring met Linux en Windows ontwikkeling. Dankzij mijn vaardigheden als ontwikkelaar kan ik hoogwaardige, uitgebreide tutorials schrijven voor verschillende softwareontwikkelingsplatforms - van macOS tot Linux - waardoor mijn tutorials de perfecte keuze zijn voor diegenen die meer willen weten over de tools die ze gebruiken.

Hoe Google Tag Manager te gebruiken om uw websiteverkeer te analyseren

Wat is Google Tag Manager?^{(What Is Google Tag Manager?)}

Stel uw website in^{(Set Up Your Website)}

Klikken op de trackingknop^{(Tracking Button Clicks)}