Handleiding Google Tagmanager (GTM)
Inhoudsopgave Basisbeginselen .................................................................................................. 2 Google Tagmanager in de praktijk ........................................................................ 3 Meerdere domeinen doormeten met Google Tagmanager ........................................ 8 Meerdere domeinen doormeten met Universal Analytics .........................................16 E-commerce tracking met Google Tagmanager .....................................................20 Event tracking via Google Tagmanager ................................................................22 De voordelen van Google Tagmanager ....................................................................29
Met Google Tagmanager kun je alle meetcodes vanuit één programma op je site plaatsen. Je kunt het vergelijken met een cms zoals WordPress of Drupal, maar dan voor je meetcodes. Met een tagmanagementsysteem hoef je een webbouwer geen opdrachten meer te geven om meetcodes te plaatsen. Je kunt deze meetcodes namelijk zelf plaatsen. Dit tagmanagementsysteem zet ze dan op je site. Hoe gaat dat in zijn werk? In een vorige handleiding heb ik de te nemen stappen voor een Google Analyticsimplementatie besproken. Ik ging hierbij uit van een implementatie waarbij je de meetcodes zelf op de website moet (laat) plaatsen. Je kunt er ook voor kiezen om Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: wat is Google Tagmanager?
Basisbeginselen Voordat je met Google Tagmanager gaat werken, moet je weten hoe dit tagmanagementsysteem werkt. Binnen Google Tagmanager heb je de beschikking over de volgende tools:
De container. Dit is de enige code die je op je site plaatst. De container activeert jouw meetcodes. Daardoor hoef je de Google Analytics- en conversie-code voor AdWords niet meer in de live-omgeving van je site te plaatsen. In Google Tagmanager noemen ze dit het ‘firen’ van de meetcode. Tag. Dit is jouw meetcode. Bijvoorbeeld jouw Google Analytics- of conversie-code voor AdWords. Maar je kunt bijvoorbeeld ook een tag aanmaken voor een externe tool als ClickTale. Aan deze tag moet je een regel koppelen. Je wilt bijvoorbeeld jouw meetcode op een bepaalde pagina of op alle pagina’s activeren. Ik kan me voorstellen dat je de Google Analytics-code op iedere pagina wilt plaatsen, maar je conversiecode voor AdWords alleen op de bedankpagina, nadat een bezoeker jouw product besteld heeft. Ten slotte heb je ook de mogelijkheid om macro’s te gebruiken. Met macro’s kun je specifieke informatie aan de tag toevoegen. Je hebt de beschikking over standaardmacro’s, zoals de url’s van je pagina’s en de domeinnamen. Daarnaast kun je eigen macro’s toevoegen. Voorbeelden hiervan zijn de url’s van je pdf-brochure of whitepaper, of het id van een button of afbeelding.
Google Tagmanager in de praktijk Vervolgens wil je natuurlijk met Google Tagmanager aan de slag. Hoe kun je dit het beste aanpakken? Laat eerst de ‘container tag’ op iedere pagina van jouw site plaatsen. Deze zet je tussen de - en -tag:
Tags aanmaken Vervolgens kun je je tags gaan aanmaken. Bijvoorbeeld de Google Analyticscode. Maak eerst een ‘tag’ aan en geef deze een herkenbare naam. Bijvoorbeeld ‘GA-code’. Vervolgens vul je het volgende in:
Tagtype (in dit geval Google Analytics)
Je webproperty-id is je UA-code. Deze kun je vinden onder ‘tracking-info’ en dan ‘Tracking ID’ in je Google Analytics-account. Daarnaast kun je functies voor adverteerders in het Display Netwerk aanvinken. Hiermee kun je onder andere doelgroepsgegevens, zoals geslacht, leeftijd en interesses doormeten. Daarnaast kun je met deze aangepaste code Remarketing-lijsten aanmaken in Google Analytics voor je remarketing campagnes. Tip: maak een macro van je UA-code, zodat je typfouten voorkomt.
Kies bij ‘tracking type’ voor paginaweergaven. Je wilt tenslotte met de Google Analytics-code je paginabezoeken doormeten.
Ten slotte activeer je de regel van de tag. Ik kies er in onderstaand voorbeeld voor om de Google Analytics-code op iedere pagina te activeren:
Op dezelfde manier kun je ook je Remarketing- of AdWords-conversiecode activeren. Het enige verschil is dat je voor deze meetcodes het conversie-ID uit je AdWordsaccount invult.
Tip: installeer de Chrome-extensie Tag assistant om je meetcodes te kunnen testen.
Meerdere domeinen doormeten met Google Tagmanager Je zal nu natuurlijk denken: kun je ook meerdere domeinen (cross domain tracking) gebruiken met Google Tagmanager? Jazeker. Ook cross-domain tracking kun je in Google Tagmanager activeren zonder één javascript code te plaatsen. Hoe gaat dit in zijn werk? 1. Maak je reguliere Google Analytics tag aan voor cross-domain tracking. Je dient alleen ‘Linker toestaan’ aan te vinken onder Domeinen en mappen. Deze tag kun je ook gebruiken indien je alleen subdomein(en) wilt doormeten. Bijvoorbeeld: www.ganalytics.nl en www.klanten.ganalytics.nl
2. Vervolgens dien je een tag aan te maken, zodat je de kliks van het ene naar het andere domein kunt doormeten. Hiervoor dien je het volgende te doen:
Maak een event listener tag aan om deze kliks te kunnen signaleren
Deze event listener tag voor klikken op links dien je op alle pagina’s te activeren. 3. Voor de Google Analytics tag voor de cross-domain links dien je een macro aan te maken. Met deze tag geef je aan dat de links op beide hoofddomeinen bij elkaar horen. Met een macro kun je deze informatie aan de tag toevoegen. In dit geval de bestemmings-URL van de link waarop de bezoeker klikt:
Vervolgens maak je de Google Analytics tag aan voor cross-domain links:
Vervolgens dien je een regel aan te maken om de link kliks van het ene naar het andere domein en omgekeerd te kunnen doormeten:
Deze regel zorgt ervoor dat Google Analytics alle links van Coachview.net naar Innophase.nl en omgekeerd als één bezoek registreert. Daarnaast zorgt deze regel ervoor dat Google Analytics links, die plaatsvinden op hetzelfde domein negeert. Test vervolgens deze tag door te klikken op een link, die verwijst naar het andere hoofddomein. In dit voorbeeld is dit een klik op een link van Coachview.net naar Innophase.nl of omgekeerd. Je ziet nu dat er cross-domain parameters bij de bestemmings-URL’s zijn toegevoegd. Ten slotte controleer je de tag via versies maken en publiceert deze op de site. 4. Ten slotte dien je een tag aan te maken voor de ingevulde formulieren op Coachview.net en Innophase, indien deze naar elkaar verwijzen. Voorbeeld: een bezoeker vult een aanvraagformulier in op Coachview.net en wordt doorverwezen naar een bedankpagina op Innophase.nl. Om dit door te meten dien je eerst een event listener tag aan te maken om deze klik te signaleren:
Deze dien je te laten activeren op iedere pagina van beide hoofddomeinen. Vervolgens maak je een Google Analytics tag aan met als tracking type ‘Formulier opmaken’
Ten slotte dien je dezelfde regel toe te voegen om de kliks op de verzendbutton van de formulieren van Innophase.nl naar Coachview.net te kunnen doormeten:
Binnen deze regel meet gtm.formSubmit de kliks op de verzendbutton van de formulieren. Vervolgens zorgt de ‘Auto element URL’ ervoor dat Google Analytics alle kliks op de verzendbutton van Coachview.net naar Innophase.nl registreert. Alle kliks op de verzendbutton, die niet verwijzen naar een ander domein, negeert Google Analytics. Test vervolgens een formulier met een cross-domain formulier door op de verzendbutton te klikken. De cross-domain parameters zijn nu toegevoegd aan de bestemmings-URL van dit ingevulde formulier. Indien dit het geval is, kun je de tag publiceren. Tip: gebruik de real-time rapporten van Google Analytics om de tags voor crossdomain links en formulieren te testen. Indien Google Analytics beide hoofddomeinen niet doorgeeft als verwijzende site, is cross-domain tracking succesvol geïmplementeerd via Google Tagmanager.
Meerdere domeinen doormeten met Universal Analytics De doormeting voor meerdere domeinen binnen Universal Analytics is zelfs eenvoudiger. Je kunt namelijk met één tag dit voor elkaar krijgen. Dat gaat als volgt: Je kiest als tagtype voor Universal Analytics;
Tip: maak van je tracking-id een macro om typfouten tegen te gaan!
Vervolgens kies je onder cookieconfiguratie voor cookiedomein ‘auto’. Zo blijft de cookiewaarde behouden voor alle domeinen. Indien je dit niet invult, geeft Universal Analytics de hoofddomeinen weer als verwijzende site in je statistieken.
Tip: maak van de benaming van je cookiedomein een macro om typfouten tegen te gaan!
Nu kun je de domeinen aan elkaar koppelen;
Tip: ook hierbij adviseer ik om voor de koppeling van de domeinen een macro te gebruiken om typfouten te voorkomen.
Ten slotte dien je een regel aan te maken voor alle paginabezoeken op je hoofddomeinen.
E-commerce tracking met Google Tagmanager Naast het doormeten van meerdere domeinen, kun je ook de E-commerce module activeren via Google Tagmanager. Hiervoor dien je onderstaande zaken in te stellen: Maak een tag aan voor E-commerce transacties
Vervolgens dien je een regel aan te maken, zodat Google Tagmanager het Ecommerce script alleen op de bedankpagina plaatst.
Ten slotte dien je een data-Layer aan te maken, waarin je het daadwerkelijke script laat plaatsen. Deze dien je boven de container tag te plaatsen. Zo kan Google Tagmanager jouw E-commerce script activeren.
<script> dataLayer = [{
'transactionId': '1234', 'transactionAffiliation': 'Acme Kleding', 'transactionTotal': '11.99', 'transactionTax': '1.29', 'transactionShipping': '5', 'transactionProducts': [{ 'sku': 'DD44', 'name': 'T-shirt', 'category': 'Kleding', 'price': '11.99', 'quantity': '1' },{ 'sku': 'AA1243544', 'name': 'Sokken', 'category': 'Kleding', 'price': '9.99', 'quantity': '2' }] }]; Tip: plaats een testbestelling op je eigen site, zodat je kunt nagaan of je implementatie succesvol is geweest.
Event tracking via Google Tagmanager Om de gebeurtenissen op je site door te meten, moest je voorheen altijd javascriptcodes op je site plaatsen om deze te activeren. Hiervoor was je in de meeste gevallen afhankelijk van je webbouwer. Gelukkig biedt Google Tagmanager hiervoor een alternatieve oplossing. Je kunt nu namelijk je gebeurtenissen doormeten zonder een code-aanpassing op je site. Welke gebeurtenissen kun je met Google Tagmanager doormeten? 1. Kliks op afbeeldingen en buttons 2. Uitgaande links
3. PDF-downloads voor brochures of whitepapers 4. Kliks op de verzendbutton van je formulieren Eerst selecteer je je event listener tag. Bijvoorbeeld om de kliks voor je uitgaande links door te meten. Deze tag signaleert of er kliks op uitgaande links plaatsvinden. Hier koppel je vervolgens een regel aan. Ik kies er in onderstaand voorbeeld voor om de uitgaande links op alle pagina’s door te meten. Maar je kunt natuurlijk ook alleen uitgaande links op een bepaalde pagina, bijvoorbeeld de homepage, doormeten.
Vervolgens activeer je de gebeurtenis. Hiervoor maak je een Google Analytics-tag aan voor je gebeurtenis.
Parameters Je kunt kiezen uit enkele parameters, zodat je deze kunt herkennen in Google Analytics. In bovenstaand voorbeeld heb ik gekozen voor de categorie ‘uitgaande link’ en de actie ‘klik’. Dit heb ik handmatig gedaan. Je kunt er ook voor kiezen om een ‘macro’ te gebruiken. Met een macro kun je specifieke informatie in de tag verwerken. In bovenstaand voorbeeld heb ik de volgende macro aangemaakt om deze gebeurtenis een label mee te geven.
Een regel aan de tag koppelen Ik maak vervolgende een macro aan voor de element-url van de gebeurtenis. Google Analytics zal nu de URL van deze uitgaande link als label meegeven, bijvoorbeeld ‘www.starttest.com’. Maar Google Analytics meet nu ook kliks op links met de URL ‘Ganalytics.nl’. En dat willen we natuurlijk niet, want ‘Ganalytics.nl’ is mijn eigen website. Daarom koppelen we een regel aan deze tag met twee condities: 1. We geven aan dat Google Analytics ‘kliks op links’ moet doorgeven als gebeurtenis. 2. We willen de URL’s met Ganalytics.nl niet doormeten als uitgaande link.
Ten slotte maak je een versie aan om de meetcode te testen en te laten publiceren. Tip: gebruik de real-time rapporten van je Google Analytics-profiel zonder filters, om te testen of het allemaal werkt:
Kliks op afbeeldingen en buttons doormeten Vervolgens kun je ook de kliks op de afbeeldingen en buttons van je site doormeten. De ‘event listener voor klikken op links’ heb je al aangemaakt. Je hoeft nu alleen nog maar jouw Google Analytics-tag voor deze gebeurtenis aan te maken. Ik kies ervoor om aparte tags aan te maken voor het doormeten van afbeeldingen en call-to-actionbuttons.
Daarna koppel je een regel aan deze gebeurtenis:
In bovenstaand voorbeeld heb ik het volgende geprogrammeerd: 1. Ik wil alleen de button-kliks doormeten op mijn eigen site 2. Ik wil geen kliks op PDF-brochures of whitepapers doormeten 3. Ik wil geen jpg-afbeeldingen doormeten Je kunt deze gebeurtenis na publicatie het beste weer testen via de real-time rapporten binnen een Google Analytics-profiel zonder filters.
Deze procedure kun je ook gebruiken om de kliks op de afbeeldingen op je site, PDF-brochures en de kliks op de verzendbuttons van je formulieren via Google
Tagmanager in te stellen. Misschien vraag je je nu af waarom je de verzendbutton op de formulieren dient te meten. Dit is van belang als je geen bedankpagina hebt voor je bestel- of aanvraagformulieren. Je kunt je formulieren zo altijd nog als gebeurtenis doormeten. Hiervoor hoef je dus niet meer de hulp in te roepen van je webbouwer.
De voordelen van Google Tagmanager Google Tagmanager is een handige tool, die je kunt gebruiken bij de implementatie van Google Analytics. Het bied je de volgende voordelen: 1. Je hoeft geen meetcodes meer op de site te laten plaatsen. Dit heeft een positieve uitwerking op de snelheid en algehele performance van je site. 2. Je hoeft minder vaak je webbouwer te raadplegen voor het plaatsen van je meetcodes. Zo kun je kosten besparen. Reken maar uit hoe vaak je nu je webbouwer vraagt om een meetcode op je site te laten plaatsen. 3. Je krijgt meer overzicht over je meetcodes. In Google Tagmanager kun je precies zien welke meetcodes je op dit moment gebruikt. Nog een laatste tip: gebruik Google Tagmanager om periodiek je Google Analyticsimplementatie te evalueren. Mijn advies is om dit halfjaarlijks te doen. Deze twee tutorials kun je raadplegen om bovenstaande te installeren met Google Tagmanager.
