Iedere keer dat ik een nieuwe tracking-tool moet installeren, denk ik aan de tijd dat dit betekende: een ticket aanmaken bij de developer, een week wachten, testen, weer wachten. Met Google Tag Manager (GTM) is dat verleden tijd. Ik installeer nu zelf tags, stel triggers in en publiceer wijzigingen in minuten, zonder een regel code aan te raken op de website. In dit artikel leg ik uit hoe GTM werkt en hoe ik het gebruik voor de meest voorkomende tracking-setups.
Wat is Google Tag Manager?
Google Tag Manager is een gratis tool van Google waarmee je tracking-scripts (tags) op je website beheert vanuit een centrale interface. In plaats van ieder script handmatig in je website-code te plaatsen, installeer je eenmalig het GTM-snippet en vervolgens beheer je alles via de GTM-interface.
Dit heeft drie grote voordelen. Ten eerste hoef je je website-code maar eenmalig aan te passen voor alle toekomstige tracking-implementaties. Ten tweede kun je als marketeer zelf wijzigingen doorvoeren zonder afhankelijk te zijn van een developer. Ten derde kun je via de preview-modus veilig testen voordat iets live gaat.
De vier kernconcepten: containers, tags, triggers en variabelen
Om GTM goed te begrijpen, is het handig de vier kernconcepten te kennen:
- Container: de overkoepelende omgeving voor jouw website. Alle tags, triggers en variabelen voor een website leven in een container. Een container krijgt een uniek ID (GTM-XXXXXXX) dat je in je website-code plaatst.
- Tags: de stukjes code die je wilt uitvoeren. Denk aan de GA4-tag, de Meta Pixel, een LinkedIn Insight Tag of een aanpaste HTML-tag voor andere tools.
- Triggers: de regels die bepalen wanneer een tag afgaat. Voorbeelden: bij het laden van een pagina, bij het klikken op een knop, bij het indienen van een formulier of bij het scrollen naar 50% van de pagina.
- Variabelen: dynamische waarden die je in tags en triggers kunt gebruiken. Denk aan de URL van de pagina, de waarde van een formulierveld of de tekst van een geklikte knop.
Google Analytics 4 installeren via GTM
De meest gebruikte tag in iedere GTM-container is GA4. Dit is hoe ik het instel:
- Maak in GA4 een nieuwe web-datastroom aan en kopieer het Measurement ID (G-XXXXXXXXXX)
- Maak in GTM een nieuwe tag aan van het type "Google Analytics: GA4 Configuration"
- Voer het Measurement ID in
- Stel de trigger in op "All Pages" (Alle pagina's)
- Sla op en publiceer
Hiermee registreer ik paginaweergaven, sessies en de meeste standaard GA4-gebeurtenissen. Voor aanvullende events zoals formulierverzendingen stel ik aparte tags in.
Meta Pixel installeren via GTM
Voor de Meta Pixel werk ik met een aangepaste HTML-tag. Ik plak de Meta base code in een "Custom HTML"-tag, voeg het Pixel-ID in en koppel de trigger "All Pages". Voor specifieke events zoals Purchase of Lead maak ik aparte tags die alleen vuren op de bedanktpagina of bij een specifiek formulier.
Scroll tracking instellen
Scroll tracking laat me zien hoe ver bezoekers op mijn pagina's scrollen. Dit is waardevolle data voor het beoordelen van content-kwaliteit en het optimaliseren van CTA-plaatsing. Ik stel het als volgt in:
- Maak een nieuwe trigger aan van het type "Scroll Depth"
- Kies "Vertical Scroll Depths" en selecteer percentages (25, 50, 75, 90)
- Koppel deze trigger aan een GA4 Event-tag met eventnaam "scroll_depth"
- Voeg een variabele toe voor het scroll-percentage zodat ik dit in GA4 kan zien
Klik-tracking instellen
Wil ik weten hoeveel mensen op een specifieke knop klikken, dan gebruik ik een klik-trigger. Ik schakel eerst de ingebouwde klik-variabelen in (Click Element, Click Classes, Click ID, Click Text) en maak daarna een trigger aan van het type "All Elements" of "Just Links", afhankelijk van wat ik wil tracken. Via een conditie filter ik op de CSS-klasse of de tekst van de knop.
Dit is bijzonder handig voor het meten van telefoonnummer-klikken, het klikken op een WhatsApp-knop of het downloaden van een PDF.
Formulier-tracking instellen
Formulier-tracking is een van de meest waardevolle dingen die ik via GTM instel. Met de ingebouwde "Form Submission"-trigger kan ik bijhouden wanneer iemand een formulier verstuurt. Ik koppel dit aan een GA4 Event-tag of een Meta Pixel Lead-event om leads correct te meten in mijn advertentieplatformen.
Let op: sommige formulieren vernieuwen de pagina niet na verzending (AJAX-formulieren). In dat geval gebruik ik een Custom Event-trigger die ik vanuit de formulier-plugin laat sturen naar de dataLayer.
De Preview-modus gebruiken
Voordat ik iets publiceer, gebruik ik altijd de Preview-modus. Ik klik op "Preview" in GTM, voer mijn website-URL in en GTM opent een speciale debug-sessie. Rechts in mijn browser zie ik een paneel met alle tags die gevuurd zijn, de triggers die actief waren en de waarden van variabelen. Zo kan ik precies controleren of mijn tracking correct werkt.
Pas als ik zeker ben dat alles klopt, klik ik op "Submit" om de wijzigingen live te publiceren. Ik geef altijd een duidelijke versie-omschrijving mee, zodat ik later kan terugvinden wat ik wanneer heb aangepast.
Veelgemaakte fouten bij GTM
In mijn werk kom ik regelmatig dezelfde fouten tegen bij GTM-setups van klanten:
- Dubbele tags: de GA4-code staat zowel in GTM als direct in de website-code. Dit zorgt voor dubbele paginaweergaven in Analytics.
- Triggers te breed instellen: een tag die op alle pagina's vuurt terwijl hij alleen op de bedanktpagina moet vuren. Controleer altijd de trigger-condities.
- Geen versie-beheer: wijzigingen publiceren zonder versieomschrijving. Als er iets misgaat, weet je dan niet wanneer de fout is ontstaan.
- Preview niet gebruiken: direct publiceren zonder te testen. Altijd de Preview-modus gebruiken voor publicatie.
- Variabelen niet ingeschakeld: proberen klik-data te gebruiken terwijl de klik-variabelen niet zijn geactiveerd in de ingebouwde variabelen-instellingen.
GTM als fundament voor slimme marketing
Google Tag Manager is voor mij het fundament van iedere goede marketingsetup. Het geeft de vrijheid om snel nieuwe tools te implementeren, tracking aan te passen en te experimenteren zonder afhankelijk te zijn van developers. Combineer je GTM met een correcte GA4-setup, de Meta Pixel en een cookieconsent-oplossing, dan heb je de basis voor data-gedreven marketing volledig op orde. Wil je hulp bij het opzetten van een professionele GTM-configuratie? FoxBranding helpt je graag op weg.