De dataLayer werkt als tussenlaag tussen je website en analytische tools. Het is een array van objecten met relevante gegevens zoals bezochte pagina's, bekeken producten, transacties en gebruikersacties. Elke entry bevat meestal een event eigenschap die aangeeft wat er gebeurde, zoals 'page_view', 'click' of 'purchase'.
Google Tag Manager Preview Mode is veruit de effectiefste manier om dataLayer events af te lezen. Activeer deze modus door in GTM naar 'Preview' te gaan en je website URL in te voeren. Er opent een nieuw tabblad met je website, plus een debug venster onderaan. In dit debug venster zie je realtime alle dataLayer pushes verschijnen. Elke keer dat een event wordt getriggerd, zoals een pagina bezoek of klik, verschijnt dit onmiddellijk in de timeline. Je kunt op elk event klikken om de volledige dataLayer inhoud te bekijken, inclusief alle variabelen en hun waarden. Het grote voordeel van GTM Preview Mode is dat je precies ziet welke tags worden afgevuurd bij elk event. Je kunt controleren of je tracking correct werkt en of alle benodigde gegevens worden verzonden. Het venster toont ook welke triggers actief zijn en welke tags succesvol zijn uitgevoerd.
Naast GTM Preview Mode kun je de browserconsole gebruiken. Open de console in je browser (via element inspecteren) en typ dataLayer
om de volledige inhoud te zien. Voor een gestructureerde weergave gebruik je console.table(dataLayer)
. Specifieke events filter je met dataLayer.filter(item => item.event === 'purchase')
. Browser extensies zoals 'dataLayer Checker' bieden ook een gebruiksvriendelijke interface voor het bekijken van dataLayer inhoud zonder technische kennis.
Veelvoorkomende problemen zijn ontbrekende events, dubbele registraties of incorrecte gegevensformaten. GTM Preview Mode helpt deze problemen snel te identificeren. Controleer of de dataLayer correct wordt geïnitialiseerd en of events consistent worden benoemd. Let vooral op de timing van events. Sommige events worden mogelijk te vroeg of te laat getriggerd, wat je gemakkelijk kunt zien in de GTM Preview timeline. Dit helpt bij het optimaliseren van je tracking implementatie en zorgt voor betrouwbare gegevensverzameling.
In GTM Preview Mode zie je bij elk event welke tags worden afgevuurd. Klik op een event in de timeline en bekijk het tabblad 'Tags Fired'. Hier zie je alle tags die succesvol zijn uitgevoerd, inclusief GA4 tags. Een groen vinkje betekent dat de tag succesvol is afgevuurd. Voor extra controle kun je ook naar Google Analytics Realtime rapporten kijken. Ga naar GA4, klik op 'Realtime' en voer acties uit op je website. Events verschijnen binnen enkele seconden in het realtime overzicht. Let op dat test events soms een paar minuten vertraging kunnen hebben.
Begin met deze essentiële events: 'page_view' voor paginabezoeken, 'purchase' voor transacties, 'add_to_cart' voor winkelwagen toevoegingen, 'form_submit' voor formulierinzendingen en 'click' voor belangrijke knopklikken. Voor e-commerce sites zijn 'view_item', 'begin_checkout' en 'add_payment_info' cruciaal. B2B websites moeten zich richten op 'generate_lead', 'download' en 'video_play' events. Controleer ook technische events zoals 'scroll' en 'file_download'. Start met maximaal 5 tot 7 events om overzicht te behouden.
Voor nieuwe implementaties controleer je dagelijks de eerste week om problemen snel op te sporen. Bij bestaande tracking volstaat wekelijkse controle. Voer altijd checks uit na website updates, nieuwe functionaliteit of marketingcampagnes. Plan maandelijkse grondige controles waarbij je alle belangrijke events doorloopt. Bij grote e-commerce sites of intensieve marketing activiteiten kan dagelijkse monitoring nodig zijn. Stel alerts in voor kritieke events zoals transacties die plotseling stoppen. Gebruik GTM Preview Mode bij elke nieuwe tag implementatie. Automatiseer waar mogelijk met tools die afwijkingen detecteren. Documenteer je controles zodat teamleden weten wanneer de laatste check was uitgevoerd.
GTM Preview Mode heeft geen ingebouwde filteroptie, maar je kunt de zoekfunctie in je browser gebruiken. Druk Ctrl+F en zoek op eventnaam zoals 'purchase' of 'click'. Voor geavanceerde filtering kun je de browserconsole gebruiken. Typ dataLayer.filter(item => item.event === 'purchase')
om alleen aankopen te zien. Voor gebruikersspecifieke filtering gebruik je dataLayer.filter(item => item.user_id === '12345')
. Een andere methode is het gebruiken van GTM variabelen om events te taggen met extra informatie. Maak custom dimensions aan in GA4 om later gemakkelijker te kunnen filteren op specifieke gebruikersgroepen of gedrag.