Iselle Van Ginkel Account Lead Als Online Advertising Sherpa is Iselle specialiste op het gebied van Google Ads, tagging en feedmanagement.
Geplaatst in: , Google Analytics, Google Tag Manager

In 10 stappen elke knop doormeten op jouw website? Lees hier hoe je dit kunt doen met Google Tag Manager.

juni 21, 2018

Yes, je hebt een gloednieuwe website en alles werkt! Ondertussen ben je begonnen met adverteren, wat zorgt voor steeds meer verkeer naar jouw website. Jij vraagt je alleen nog af wat jouw bezoekers eigenlijk precies doen op die prachtige nieuwe website. Via Google Tag Manager kun je ervoor zorgen dat iedere knop op de website kan worden doorgemeten. Hoe? Dat ga ik je vertellen in deze blog.

1. Log in op Google Tag Manager

Ga naar tagmanager.google.com en log in met je Google-account. Heb je nog geen Google account? Maak deze dan eerst aan via Google.com. Vul vervolgens je bedrijfsnaam in en klik op doorgaan.

Vervolgens vul je bij ‘Containernaam’ de website URL in. Klik op internet en dan op maken. Mocht je een Google Tag Manager container willen aanmaken voor een App kan je kiezen voor iOS of Android. Ga daarna akkoord met de serviceovereenkomst van Google.

2. Zorg dat de scripts in de broncode komen te staan

Dit is de enige stap in het proces die een beetje technisch kan zijn, dus laat je hierdoor niet afschrikken. Mail de webbouwer en vraag of deze codes in de broncode kunnen worden geplaatst. LET OP: Er moet een gedeelte worden geplaatst in de <HEAD> en een gedeelte in de <BODY> van de website. Als dit niet correct gebeurt, kan dit problemen geven bij de implementatie of het meten van de conversies/scripts die je hebt ingesteld.

That´s it! Wanneer dit is gebeurd, kun je aan de slag. Tip: stuur de codes als letterlijke tekst en niet enkel als screenshot, anders moet je webbouwer veel overtypen…

3. Basisinstelling Google Tag Manager

Ga naar variabelen, klik op configureren en selecteer vervolgens alle items aan de rechterkant. Dit zorgt ervoor dat je bij het testen de meeste elementen zichtbaar krijgt waardoor je makkelijker kan spotten of een bepaalde instelling werkt en/of uniek is. Daarover later meer.

Nu gaan we de koppeling maken tussen Google Tag Manager en Google Analytics. Je klikt op nieuw (onder de configureren knop). Wij geven de variabele altijd de naam ‘gaID’, klik op het witte blok (variabele configuratie) en kies dan instellingen voor Google Analytics.

Vul vervolgens de UA code in van Google Analytics. Klik op opslaan rechtsboven.

4. Voorbeeldmodus

Okay, nu we de koppeling hebben gemaakt met Google Analytics kan het taggen van de knoppen beginnen! Ga terug naar het overzicht en klik op voorbeeld. Hiermee wordt de voorbeeldmodus (test-versie) aangeroepen waardoor je op je gemak kan gaan experimenteren.

5. Ga naar jouw website

Open in een nieuw tabblad jouw website. Als het goed is zie je nu onderstaande balk in je scherm verschijnen. Verschijnt dit niet, vernieuw dan even de pagina.

6. Klik op CTRL + button

Kies een button uit die je graag zou willen doormeten. Ik kies bijvoorbeeld de button “kop koffie”. Houd de CTRL knop ingedrukt en druk tegelijkertijd op de button. Je ziet dat er een nieuwe pagina wordt geopend in een nieuw tabblad. Met de nieuwe pagina hoef je verder niets te doen.

7. Kijk naar de eigenschappen van de knop

Om te kijken welke eigenschappen de knop bezit klik je op gtm.linkClick. Linksonder in beeld.

Klik vervolgens op variables om de eigenschappen van de knop te bekijken.

Kies een uniek item van de knop en kopieer deze. Let op de apostrof hoef je niet mee te kopiëren. In dit voorbeeld kies ik voor de Click Tekst KOP KOFFIE.

8. Pak een eigenschap en voeg deze toe in Google Tag Manager

Ga terug naar de Google Tag Manager tab en klik op tags en vervolgens op nieuw. Geef de tag een naam. Bijvoorbeeld kop koffie.

Klik op: kies een type tag om het instellen te starten… en kies het type tag. In dit geval Universal Analytics.

Vul je volgende elementen in:

  • Trackingtype: Gebeurtenis
  • Categorie: koffie
  • Actie: klik
  • Google Analytics-instellingen {{gaID}}

Klik vervolgens hieronder op triggers. Daarna rechtsboven op het plus teken.

Een nieuwe trigger wordt aangemaakt. Een trigger luistert of een bepaalde gebeurtenis zich voordoet. Dit gaan we nu instellen. Geef de trigger een naam. In dit voorbeeld heb ik gekozen voor koffie. Klik op het witte veld (triggerconfiguratie) en klik vervolgens rechts op alle elementen.

Vink ‘Sommige klikken’ aan, selecteer de click text, selecteer is gelijk aan en kopieer KOP KOFFIE. Dit hebben we net gezien toen we de eigenschappen van de knop hebben bekeken (zie stap 7).

Nu is de ‘tag’ aangemaakt en moeten we deze alleen nog publiceren op de live-versie van de website. Klik vervolgens op opslaan…

Dan klik je op overzicht en verzenden…

Klik op publiceren…

En tot slot op doorgaan!

Dan is het tijd om uw lievelings lied te zingen. DONE!!

9. Check of de tagging goed is ingesteld

Om te checken of de tag goed wordt doorgemeten ga je daar terug naar de tab waar de website open staat en klik je op F5, vergeet dit niet! Druk weer de CTRL knop in en druk je tegelijkertijd op de knop.

Klik links in het scherm op gtm.click en vervolgens op tags. Als het allemaal goed is ingesteld zie je nu dat de tag is afgevuurd. Yes, het is gelukt! Schakel in Google Tag Manager de voorbeeldmodus uit.

10. Zorg dat de klikken worden doorgemeten in AdWords en Analytics

Wauw, het is je gelukt! De laatste stap is belangrijk want je wilt natuurlijk graag deze data terugzien in Google Analytics. Hoe doe je dat?

Ga naar Google Analytics. Klik linksonder op beheerder, doelen, nieuw doel.

Vink aan aangepast en klik op doorgaan.

Geef het doel een naam, vink gebeurtenis aan en klik op doorgaan.

Vul onderstaande velden precies hetzelfde in als dat je hebt gedaan in Google Tag Manager en klik op opslaan!

Het is gelukt!

De knop op de website wordt nu doorgemeten en is terug te zien in Google Analytics. Dit kan niet alleen voor kop koffie buttons, maar bijvoorbeeld ook voor aanmeldingen voor de nieuwsbrief in versturen van formulieren. Verder is het mogelijk om het doel te importeren in Google Adwords. Let hierbij op dat je niet alle soft conversies importeert, omdat je dan een vertekend beeld kunt krijgen van de conversies die zijn geweest.

Op deze manier kun je eigenlijk elke klik doormeten op jouw website. Mocht je nog vragen hebben mail dan naar iselle@ikwilbovenaan.nl en mocht je koffie willen komen drinken dan kan dit natuurlijk ook altijd ;).