Hoe maak je (E-commerce) events aan in Google Tag Manager?

Als je een webshop hebt, is het bijhouden van de prestaties van je online winkel essentieel om je verkoopstrategie te optimaliseren. Met Google Tag Manager kun je GA4 e-commerce events aanmaken om bijvoorbeeld het voltooien van een aankoop, het toevoegen van een product aan de winkelwagen, of het starten van een check-out te volgen. Het meten van events is niet alleen voor webshops interessant, maar ook voor zakelijke websites. Bijvoorbeeld: het meten van ingevulde sollicitatieformulieren, of demo aanvragen.

In deze blog leggen we stap voor stap uit hoe je in de web container events kunt aanmaken in Google Tag Manager, zodat je beter inzicht krijgt in de prestaties van je webshop/website en je marketingstrategie kunt verbeteren om meer verkoop en groei te realiseren.

Bekijk de hele GA4 Server Side Tracking setup voor meer informatie.

Let op: Deze blog gaat niet over server side event tagging. De events worden client side aangemaakt in deze blog. In de volgende delen van de GA4 implementatie reeks gaan we de events server side tracken.

We gaan er vanuit dat je al een Google Tag Manager account hebt aangemaakt. Mocht je op zoek zijn naar een beschrijving voor het aanmaken van een Google Tag Manager account, bekijk dan dit artikel.

We laten in deze blog voorbeelden zien voor de opbouw van events. Wil je vooraf ingestelde GTM templates bekijken waar alle events al voor je klaar staan? Bekijk dan onze TAGGRS Template Gallery.

Welke events kun je meten?

Er zijn op dit moment 14 e-commerce gebeurtenissen (events) die je kunt meten. Hieronder staat een tabel met welke gebeurtenissen dit zijn en de omschrijving hiervan.

GA4 actie	Omschrijving
view_item_list	Iemand ziet een productoverzicht.
select_item	Iemand selecteert een product binnen het overzicht.
view_item	Iemand bezoekt een productpagina.
add_to_cart	Iemand voegt een product toe aan het winkelwagen.
remove_from_cart	Iemand verwijdert een product uit de winkelwagen.
view_cart	Iemand bekijkt de winkelwagen.
add_to_wishlist	Iemand voegt een product toe aan een wishlist.
begin_checkout	Iemand begint met afrekenen.
add_shipping_info	Iemand kiest een verzendoptie.
add_payment_info	Iemand kiest een betaaloptie.
purchase	Iemand heeft een bestelling geplaatst.
refund	Iemand heeft een (deel van) bestelling geannuleerd.
view_promotion	Iemand heeft een promotie bekeken.
select_promotion	Iemand heeft een promotie geselecteerd.

Daarnaast zijn er ook tal van mogelijkheden om andere events te tracken:

GA4 actie	Omschrijving
application	Iemand vult een sollicitatieformulier in.
call_to_clicks	Iemand klikt op een telefoonnummer op je website.
call_to_mail	Iemand klikt op een e-mailadres op je website.
form	Iemand vult een formulier in op je website.
demo_request	Iemand vraagt een demo afspraak aan op je website.

Voor de e-commerce events heb je een GA4 datalayer nodig. Deze kun je handmatig installeren d.m.v. de officiële GA4 documentatie, maar je kunt ook een plugin of extensie gebruiken. Bijvoorbeeld:

• Woocommerce/Wordpress: TAGGRS plugin (let op! staat niet in wordpress plugin store)
• Lightspeed / Magento: TAGGRS Lightspeed App
• Magento 2: Anowave extensie
• Shopify: Analizify
• Shopware: Google Analytics 4 for shopware 6
• Custom: Creëer je eigen GA4 datalayer

Voor de zakelijke events heb je geen speciale datalayer nodig, daarbij kun je gebruik maken van de data die automatisch in Google Tag Manager beschikbaar is. In het vervolg van deze blog gaan we specifiek in op het meten van e-commerce events. Wil je meer weten over het aanmaken van custom events voor jouw zakelijke website. Bekijk dan deze video. Wanneer je de events hebt ingesteld, ga dan verder naar deze blog.

E-commerce events aanmaken in Google Tag Manager

Wanneer je hebt bepaald welke events je wilt meten, is het tijd om de e-commerce events aan te maken in Google Tag Manager.

Stap 1: Trigger aanmaken

Ga naar de werkruimte in GTM en open de tab ‘Triggers’ en klik op ‘New’.

Stap 2: Type trigger kiezen

Klik op het potlood bij ‘Trigger Configurations’ en kies ‘Aangepaste gebeurtenis’ als type trigger (onder overig).

Stap 3: Gebeurtenis toevoegen

Vul bij ‘Naam van gebeurtenis’ de naam in van het event dat je wilt meten (exact zoals deze in de datalayer benoemd is, gebruik de debug mode om hierachter te komen). Selecteer vervolgens ‘Sommige aangepaste gebeurtenissen’. Vul hier in: Event – Equals – [name of trigger]. Klik op ‘Save’.

Je hebt nu een e-commerce event aangemaakt op Google Tag Manager, goed bezig!  

Stap 4: Extra variabelen aanmaken (optioneel)

Je kunt naast de events ook extra data meesturen naar GA4. Wanneer je de datalayer correct hebt geconfigureerd, stuurt deze allerlei aanvullende data over de producten naar GTM. Deze kun je gebruiken voor meer inzicht. De volgende variabelen kunnen worden meegestuurd met de datalayer:

Datalayer variabele	Omschrijving
currency	Valuta van de prijs.
value	De waarde die is gekoppeld aan het event.
items	Producten die zijn gekoppeld aan het event.
transaction_id	Unieke ID voor de transactie. Vereist voor aankoop- en terugbetaling gebeurtenissen.
coupon	Kortingsbon die is gekoppeld aan het event.
affiliation	De winkel of affiliatie waar de aankoop heeft plaatsgevonden.
payment_type	De betaalmethode die is verzonden met add_payment_info
shipping	Verzendkosten inbegrepen in de totale omzet van de aankoop.
shipping_tier	De verzendingscategorie gebruikt met add_shipping_info.
tax	Hoeveel belasting is inbegrepen in de totale omzet van de aankoop.

Deze lijst is niet alomvattend, maar om het overzichtelijk te houden, beperken we ons tot deze lijst. 

Let op! Deze variabelen zijn gebaseerd op een standaard GA4 DataLayer. Bekijk in de Google Tag Manager preview modus hoe jouw DataLayer is opgebouwd. In de onderstaande video laten we zien hoe je dit doet.

Om deze parameters mee te sturen met de events die we in stap 2 en 3 hebben gemaakt, gaan we eerst naar variabelen in GTM:

Klik hier op ‘Nieuw’. Selecteer ‘Variabele voor gegevenslaag’. Hier kun je de waarden van de variabelen onttrekken uit de datalayer, zodat je deze kunt gebruiken voor je tracking. Benoem de variabelen in het veld ‘naam van variabele voor gegevenslaag’.

Het benoemen van de variabelen werkt als volgt: je benoemt de parameter die je wilt tracken door de route in de datalayer code van links naar rechts te benoemen, gescheiden met een punt. Wat bedoelen we daarmee? Stel we willen de paramater ‘value’ meten in deze datalayer:

We noemen deze dan ecommerce.value​​, omdat de meest linker parameter e-commerce is en op de volgende lijn ligt value.

Door in de voorbeeldmodus te controleren hoe de Data Layer binnenkomt, kun je voor elke parameter ontdekken hoe je deze kunt benoemen als variabele in GTM. In onderstaand voorbeeld zie je dat de prijs van een product als e-commerce binnen komt als price. Daarom moeten we deze ook als variable ecommerce.price noemen.

B2B events aanmaken in Google Tag Manager

Om B2B events te volgen met Google Tag Manager, begin je door ingebouwde variabelen te gebruiken die GTM al voorziet. Deze variabelen vangen automatisch acties op zoals formuliervelden invullen of op een telefoonnummer klikken. Het voordeel hiervan is dat je vaak geen extra datalayer hoeft toe te voegen voor het tracken van deze events, wat het proces stroomlijnt.

Eerst ga je naar de sectie Variabelen in GTM, waar je de optie Ingebouwde Variabelen vindt. Hier klik je op Configureren om de variabelen te selecteren die je nodig hebt voor het volgen van je events. Dit kan variëren van het klikken op een telefoonnummer tot het invullen van een contactformulier.

Vervolgens stel je triggers in voor de B2B events die je wilt meten. Dit doe je door naar Triggers te gaan en een nieuwe trigger aan te maken. Geef de trigger een duidelijke naam, zoals GA4 Event contactformulier, en kies Formulierinzending als het type trigger. Hier selecteer je All Forms om ervoor te zorgen dat de trigger actief wordt voor elk ingevuld formulier op je site.

Na het instellen van je triggers is de volgende stap het aanmaken van de tags die gekoppeld zijn aan deze triggers. Je gaat naar Tags en maakt een nieuwe tag aan. Kies voor het type Google Analytics: GA4 Event. Hier vul je je Measurement ID in en geef je het event een naam, zoals contactformulier. Daarna koppel je deze tag aan de trigger die je eerder hebt aangemaakt.

What’s next?

Je hebt nu events en variabelen aangemaakt, zodat je e-commerce data kunt gebruiken voor metingen in GA4 of andere platformen. De volgende stap in de GA4 implementatie reeks leer je hoe je deze events en variabelen naar GA4 verstuurd door een GA4 Gebeurtenis tag aan te maken.

Veel gestelde vragen aanmaken van events