November 2023
E-commerce gebeurtenissen meten in Google Analytics 4 (GA4) via Tag Manager
Ontdek hoe je e-commerce events vanuit de data layer naar Google Analytics 4 stuurt. In deze gids leer je hoe je gebruikersgedrag analyseert en je verkoopproces verbetert, uitgaande van een webshop die al events naar de data layer pusht.
Controleer of er e-commerce events in de data layer aanwezig zijn
Voordat we beginnen, is het belangrijk om te bevestigen dat je webshop e-commerce events correct naar de data layer stuurt, aangezien deze handleiding daarvan uitgaat. Volg deze eenvoudige stappen om dit te verifiëren:
1. Ga naar een productpagina van je webshop.
2. Open de console van je browser met de F12-toets.
3. Selecteer het ‘Console’-tabblad.
4. Typ dataLayer in de console en druk op Enter.
5. Check de uitgevouwen dataLayer en zoek naar het view_item event.
6. Controleer of er details aanwezig zijn zoals de valuta en waarde (prijs) van het product.
Als de e-commerce configuratie correct is ingesteld binnen je webshop, zal je bij het bekijken van een product een ‘view_item’ event zien verschijnen in de data layer, zoals hieronder getoond. Met deze bevestiging kunnen we doorgaan naar de volgende stappen om deze data door te sturen naar GA4.
Google Tag Manager (GTM) configuratie
Download onderstaand het JSON-bestand (klik met rechtermuisknop en bewaar) en bewerk dit bestand. Zoek naar de tijdelijke placeholder '{REPLACE THIS}'en vervang deze met jouw GA4 Measurement ID. Let erop dat je de accolades verwijdert.
Download e-commercetracking-container.json
Om je Measurement ID te vinden in Google Analytics 4, klik je linksonder op het tandwielicoon naar Beheer. Kies vervolgens een gegevensstroom. Een nieuw venster zal openen en in de rechterbovenhoek vind je een Measurement ID die begint met G-.
Ga vervolgens naar Google Tag Manager. Ga naar ‘Beheer’ en selecteer ‘Container importeren’. Volg hier de stappen om de container te importeren. Hier is het belangrijk om voor de optie ‘Samenvoegen’ te kiezen. Dit zorgt ervoor dat de e-commerce configuratie toegevoegd wordt aan je bestaande container, zonder deze geheel te vervangen door de nieuwe container die alleen de e-commerce tracking bevat.
Controleren of alles goed is ingesteld
Na succesvolle importatie zie je in je GTM-container een nieuwe tag genaamd ‘GA4 – Event – Ecommerce events’. Je kunt deze tag hernoemen als je dat wenst.
Wat hebben we precies gedaan?
Het importeren van de JSON-container in Google Tag Manager (GTM) heeft een aantal essentiële componenten toegevoegd aan je GTM-setup, waarmee je de e-commerce tracking voor je website naar Google Analytics 4 (GA4) kunt doorsturen. Hier is wat er nu is ingesteld:
Variabelen: Deze zijn de bouwstenen in Tag Manager die worden gebruikt om specifieke informatie uit de data layer te halen. In dit geval zijn er variabelen aangemaakt om e-commerce data zoals transactie-ID’s, affiliatie, waarde, belasting, verzendkosten, valuta en coupons uit de data layer te halen.
Triggers: Dit zijn de regels die bepalen wanneer bepaalde tags moeten worden geactiveerd. De JSON heeft een aangepaste event-trigger toegevoegd die luistert naar e-commerce events zoals view_item, add_to_cart, view_cart, en andere, zodra ze in de data layer verschijnen.
Tags: Dit zijn stukjes code die bepaalde acties uitvoeren, zoals, in dit geval, het doorsturen van data naar GA4. Er is nu een tag gedefinieerd die de e-commerce events, samen met de bijbehorende variabelen (data), naar je GA4-property stuurt.
Wanneer een e-commerce event zoals view_item in de data layer van je website wordt gepusht, detecteert de GTM-trigger dit event en activeert de bijbehorende tag. Deze tag gebruikt vervolgens de ingestelde variabelen om de relevante e-commerce data te verzamelen en deze door te sturen naar GA4.
Elke keer dat een gebruiker een bepaalde actie uitvoert, zoals een product bekijken of toevoegen aan de winkelwagen, wordt dit door de website naar de data layer gepusht als een specifiek event. GTM pakt dit op en stuurt de informatie door naar GA4.