Google Tag Manager (GTM) is een gratis tool van Google waarmee je verschillende javascript tracking codes (ook ‘tags’ genaamd) op je website kan beheren. Deze tags zitten dan op je website of in je app en deze kunnen dan informatie doorsturen naar derden. Denk bijvoorbeeld aan de Google Analytics code, Facebook pixel, remarketing, links naar je CRM systeem, etc.
Google Tag Manager maakt het dus veel eenvoudiger om dit soort tags toe te voegen aan je website. Hoe? Je koppelt GTM slechts éénmalig aan je website, en daarna kan je deze tags makkelijk configureren in GTM zelf. Zo hoef je niet iedere keer aan je code te sleutelen.
Stel dat je van elk afzonderlijk platform een tag moet implementeren in jouw website code, bestaat de kans uiteraard dat er meer fouten worden gemaakt en dat je onnodig jouw website verder kan vertragen. Met GTM implementeer je slechts 1 stukje code en klaar is Kees.
Google Tag Manager & Google Analytics
Je kunt deze Google tools elk los van elkaar gebruiken, maar het is nog beter om ze samen in te zetten. Via de analyse rapporten in Google Analytics (GA) ga je jouw website (beperkt) kunnen gaan analyseren. Het uitbreiden met extra tags kan je verder helpen met jouw digitale strategie en net hiervoor kan je GTM gebruiken.
Meer informatie over je bezoekers
Je kan je bezoekers namelijk veel beter gaan volgen – en deze informatie toevoegen aan je Google Analytics dashboard! Je zal kunnen meten welke pagina’s je bezoeker bezocht heeft, hoe die daarop terecht gekomen is (rechtstreeks via Google, via het hoofdmenu, door een tekstlink op een specifieke pagina, …) en hoe lang ze op de pagina blijven. En dan kan je nog een stap verder gaan en meten wat ze juist allemaal doen op die pagina.
Een voorbeeld van Google Tag Manager
Neem nu bijvoorbeeld de actie: inschrijven op de nieuwsbrief. Dat kan vaak op de homepagina, op de pagina van je blog en op de contactpagina. In GA kan je meten hoeveel bezoekers op elke pagina komen en hoeveel mensen zich inschrijven. Maar je weet dan niet van op welke pagina zij zich inschrijven. Door een aparte GTM tag toe te voegen op elke pagina bij de inschrijvingsknop, kun je dat wel volgen! Een ander voorbeeld is een klik op een klikbare telefoonnummer op de website. Nadat je een GTM tag implementeert,, kun je nagaan hoeveel kliks er zijn geweest op dit telefoonnummer.
Let op!
Een veel voorkomend probleem bij het gebruik van Google Analytics & Google Tag Manager, is dat er dubbele tracking gaat zijn. Het is dus heel belangrijk dat wanneer je de Google Tag Manager container gaat implementeren (en hierin heb je de Google Analytics tag geïmplementeerd) je de Google Analytics tracking code uit jouw headers gaat halen. Indien niet ga je dan dubbele tracking hebben op de website en ga je verkeerde data registreren in Google Analytics.
Voordelen van Google Tag Manager
Google Tag Manager is zo handig omdat je niet telkens naar een developer moet om aanpassingen te maken. Want afhankelijk van de developer (al dan niet extern) waar je mee samenwerkt, kan een simpele aanpassing vaak lang duren. Laat staan dat er meerdere aanpassingen moeten gebeuren, dat het niet goed is doorgegeven, of dat er een fout is gemaakt. Kortom, GTM zorgt ervoor dat marketing teams veel sneller kunnen schakelen.
- Net zoals de andere Google tools (buiten Google Ads), is ook Google Tag Manager gratis.
- Omdat je maar één keer code moet toevoegen aan je website, kan je daarna zelf – zonder tussenkomst van een webdesigner of developer – tags en code toevoegen. Er is ook een testmodule waardoor je eerst kan testen of je de code goed hebt toegevoegd, voordat je ze echt lanceert op je website.
- Google Tag Manager is niet alleen voor websites, ook voor mobiele apps!
- Volg gebruikers over verschillende domeinen (cross-domain tracking) dankzij GTM.
- Werk je met meerdere gebruikers in één GTM account? Dan kan je hen verschillende gebruikersrollen toewijzen, zodat ze enkel toegang krijgen tot wat ze nodig hebben.
- Elke code of tag die je toevoegt in GTM, kan je eerst testen om eventuele problemen te ontdekken en op te lossen. Pas wanneer je zeker bent dat alles loopt zoals het moet, ga je dan de code live zetten op je website.
- Door al je tags te verzamelen in Google Tag Manager, zal je ook gemakkelijker het overzicht kunnen behouden.
- Meer veiligheid: geef gebruikers bepaalde rechten zodat de code alleen gepubliceerd kan worden na goedkeuring van iemand met meer rechten.
Snellere laadtijden
Maar het grootste voordeel van GTM, is dat je website veel sneller zal laden. Je moet namelijk maar één tag ingeven in de header van je website. Waarom is dat belangrijk? De header van je website bevat code die altijd eerst geladen wordt, voordat de rest van je pagina te voorschijn komt. Als er daar heel veel tags en stukjes code staan, moet er dus veel geladen worden vooraleer je content geladen wordt. Daardoor zullen je pagina’s veel trager laden. Door GTM te gebruiken, kan je nog steeds al deze tags toevoegen zonder dat dit een negatief effect zal hebben op je laadsnelheid!
Hoe werkt Google Tag Manager?
Als je externe code of tags wil toevoegen aan je website, zou je in theorie iedere keer je developer moeten inschakelen om in je code te duiken. Dankzij Google Tag Manager is dat echter niet meer nodig. Je vraagt je designer om één keer de specifieke container tag van GTM in te geven. Daarna kan je in GTM tags toevoegen, veranderen en eventuele problemen oplossen. Hieronder kan je een beknopt Google Tag Manager tutorial terugvinden. Voor meer informatie kan je steeds de Google Tag Manager support pagina’s raadplegen.
Stap 1: Maak een account aan
Je kan dus gratis een Google Tag Manager account aanmaken. Dit kan via deze link.
Stap 2: Implementeer een container tag
Bij aanmaak van een nieuw account ga je automatisch de container tag krijgen van Google Tag Manager, die je dan éénmalig op de website moet plaatsen in de header. Je kan meerdere containers maken voor dezelfde website, maar je kan ook een container maken voor meerdere websites en/of apps. Meestal wordt er aangeraden om een container te maken per project, zodat je makkelijk overzicht kan houden. Alles wat je samen wil analyseren, plaats je dan in dezelfde container.
Dit is ook de enige code die je moet implementeren op de website. De meeste websites waaronder WordPress, Shopify, etc. hebben makkelijke plugins om GTM te implementeren. Voor WordPress website kan je dit artikel bekijken.
Stap 3: Maak je tags aan
Als de container code eenmaal op je website staat, is het tijd om je tags beginnen in te stellen. De meeste externe toepassingen en tracking codes hebben al een handleiding aangemaakt hoe je die code in GTM kan toevoegen. Externe codes installeren is dus niet zo moeilijk. Om binnen je eigen website dingen te analyseren en Google Analytics verder te verrijken, moet je altijd eerst goed nadenken over wat je juist wil weten. Daarna kan je met behulp van de uitgebreide handleiding van Google eraan beginnen.
Hieronder geven we wel al een voorbeeld aan hoe je een tag kan aanmaken, aangezien dit het belangrijkste gaat zijn binnen Tag Manager.
Creëer een nieuwe tag binnen de GTM dashboard
Jouw tag configureren
Geef een jouw tag een naam.
Kies een tag type
Via tag manager heb je een uitgebreide lijst van tags die je kan kiezen. Alsook kan je extra templates bekijken via de galerij. In dit voorbeeld kiezen we de Google Analytics – Universal Analytics tag.
Link jouw tag met Google Analytics tracking
Hier volg je de duidelijke instructies en ga je enkel de UA code moeten ingeven (Voorbeeld: UA-xxxxxxxxx-x).
Kies een trigger om te bepalen wanneer de tag geactiveerd wordt.
Hier kan je een trigger kiezen (voorbeel van trigger: page view, klik op een knop, etc.). In ons voorbeeld kiezen we voor alle pagina weergaves. Concreet betekent dit dat de Google Analytics tag op elke pagina wordt geactiveerd.
Opslaan
Tenslotte ga je de tag nog moeten opslaan.
Stap 4: tags testen en publiceren
We hebben het al eerder aangehaald: de testfase. Google Tag Manager is gemaakt zodat er niet iedere keer een webmaster moet tussenkomen wanneer je nieuwe code plaatst op je website. Vaak zijn de gebruikers dus geen technische mensen. Daarom is er een uitgebreide testing mogelijk. Check of je code goed geïnstalleerd is, controleer of je website nog werkt naar behoren en bekijk ook de eventuele bugs uitgebreid. Ben je daarna zeker dat de code werkt en goed op je website geplaatst is? Dan is het tijd om je tags te publiceren naar de live versie van je website.
Om dit verder te testen bestaat er de onmisbare voorbeeldmodus binnen Google Tag Manager (of GTM preview tool).
Instructies om de voorbeeldmodus te gebruiken kan je terugvinden op de support pagina van google.
Stap 5: publiceren
Na het testen van jouw tags is het dus tijd om jouw versie te publiceren. Hierna zal deze live staan.
Hiervoor zal je rechtsboven nog op verzenden moeten klikken.
GOOGLE TAG MANAGER INSTALLEREN EN CONFIGUREREN IN WORDPRESS
Voor WordPress heb je verschillende manier om de Google Tag Manager container code te implementeren.
Dit kan je dus via een plugin gaan doen of de code zelf implementeren in de code.
We gaan voor beiden een voorbeeld uitwerken hoe je Google Tag Manager kan implementeren op jouw wordpress website.
Manuele implementatie
Maak een nieuw account en container aan in Google Tag Manager. Hier kan je een naam ingeven en het platform kiezen.
Hierna krijg je automatisch de Google Tag Manager container code die je dan verder op jouw website verder moet implementeren. Na implementatie zal je verder kunnen werken binnen Google Tag Manager.
Via plugin
Zoals eerder aangehaald kan je via een plugin voor WordPress makkelijk de GTM code implementeren op jouw WordPress website.
In dit voorbeeld nemen we de wordpress plugin van Duracelltomi Google Tag Manager.
Na installatie van deze plugin, kan je deze terugvinden onder Google Tag Manager instellingen in jouw WordPress website interface. Hier moet je enkel de Google Tag Manager ID (mogelijks kan er bijkomende zaken éénmalig ingesteld worden via jouw developer).
Hierna kan je verder aan de slag gaan om jouw tags verder in te stellen via Google Tag Manager.
Hulp nodig met jouw website en analyse?
Neem contact met ons op voor vrijblijvend advies!