Als je producten verkoopt via een webshop wil je natuurlijk graag weten hoeveel producten dat zijn en hoeveel omzet het uiteindelijk heeft opgeleverd. Om deze data inzichtelijk te krijgen heb je allereerst een Google Analytics 4-account nodig. Maar om deze data überhaupt vanaf je webshop naar Google Analytic 4 te sturen moet je e-commerce tracking instellen. In dit blog leggen we je graag uit hoe je dit doet met behulp van Google Tag Manager, WooCommerce en GTM4WP. 

Inhoudsopgave

Wat is e-commerce tracking?
Wat is een datalayer?
Stap 0 – controle vooraf
Stap 1 – plug-in downloaden 
Stap 2 – variabelen importeren 
Stap 3 – voltooing 

Wat is e-commerce tracking?

Als je een eigen webshop bezit dan is het fijn als je inzicht hebt in het aantal bestellingen en de opbrengst van je verkopen. Om die opbrengst inzichtelijk te kunnen maken moet je e-commerce tracking instellen. Dit werkt als volgt:

Iemand die een aankoop heeft gedaan belandt op een bedankpagina. Deze bedankpagina bevat alle e-commerce data in de code, de datalayer. Denk hierbij aan: de naam van het verkochte product(en), de prijs, verzendkosten etc. 

Met behulp van Google Tag Manager kunnen we die code eruit halen, bundelen en inschieten in Google Analytics 4. Zo wordt alle informatie voor jou inzichtelijk.

Hulp nodig bij instellen e-commerce tracking?

Wat is een datalayer?

Zoals hierboven omschreven staat alle informatie rondom de e-commerce data in de datalayer. Dus welke producten er zijn verkocht, welke prijs aan welk product hangt, de maat van het product, de verzendkosten etc. De datalayer geeft alle informatie die voor jou relevant is. Hieronder zie je een voorbeeld. 

Google Analytics 4 e-commerce tracking: de datalayer

De datalayer zelf op je WordPress website zetten is een optie, maar met behulp van de GTM4WP plug-in én deze handleiding kan je gemakkelijk e-commerce tracking instellen voor Google Analytics 4 met behulp van Google Tag Manager. 

Stap 0: Controle vooraf – configuratietag Google Analytics 4

Voordat je kunt beginnen met het instellen van e-commerce tracking voor Google Analytics 4 met WooCommerce is het van belang om eerst even te checken of je de Google Analytics-4 configuratietag hebt toegevoegd in Google Tag Manager. 

Heb je nog geen Google Analytics 4-account? Lees dan hier hoe je deze aanmaakt. 

Heb je de Google Analytics 4 configuratietag nog niet toegevoegd in je Google Tag Manager-account? Dan lees je hieronder hoe je dit doet.  

  • Creëer een nieuwe tag in Google Tag Manager. 

Google Analytics 4 e-commerce tracking: nieuwe tag aanmaken

  • Geef de tag een naam. Bijvoorbeeld: ‘GA4_Algemeen’.

Google Analytics 4 e-commerce tracking: GA4-configuratietag een naam geven

  • Selecteer ‘GA4-configuratie’ onder ‘tagconfiguratie’. 

Google Analytics 4 e-commerce tracking: onder tagtype kiezen voor Google Analytics 4 configuratie

  • Voer het Google Analytics 4 meet-ID in (ook bekend als webstream-ID)

Google Analytics 4 e-commerce tracking: vul het metings-ID van je Google Analytics 4-account in onder metings-id

  • Selecteer ‘all pages’ als trigger voor deze tag.

Google Analytics 4 e-commerce tracking: selecteer 'all pages' als trigger voor de Google Analytics 4 configuratietag

  • Sla de nieuwe tag op. 

Stap 1: GTM4WP plug-in downloaden

In deze handleiding leggen we je uit hoe je e-commerce tracking instelt zonder de datalayer op de bedankpagina te plaatsen. In dit voorbeeld doen we dit met behulp van de GTM4WP plug-in die je gemakkelijk op je WordPress website installeert. 

  • Om te beginnen moet je inloggen bij jouw WordPress website. Ga dan naar ‘plug-ins’ en klik op ‘nieuwe plug-ins’. Voer dan als zoekopdracht ‘GTM4WP’ in en download de plug-in. 

Google Analytics 4 e-commerce tracking: download de GTM4WP plug-in op je wordpress website

  • Als je de plug-in geïnstalleerd hebt ga je naar ‘geïnstalleerde plug-ins’. Als je de GTM4WP plug-in gevonden hebt klik je op ‘instellingen’. 
  • Open ‘general’ en vul bij Google Tag Manager ID het ID van je Google Tag Manager-account in. Zet vervolgens je ‘container code’ aan en je ‘container code compatibility’ mode uit. 

Google Analytics 4 e-commerce tracking: open 'gereral' en vul het ID van je Google Tag Manager-account in. Zet de container code aan en je container code compatibility uit

  • Klik vervolgens op ‘integration’ en kies voor ‘WooCommerce’. Hier vink je vervolgens ‘track enhanced e-commerce’ aan. De overige instellingen kunnen blijven zoals ze staan ingesteld. 

Google Analytics 4 e-commerce tracking: klik op integration en kies voor woocommerce. Klik track enhanced e-commerce aan.

  • Sla de opgegeven instellingen op. 

Stap 2: Importeer GTM4WP Google Analytics 4 containersjabloon

Om de variabelen te kunnen meten die zich in de datalayer van de bedankpagina voor e-commerce bevinden moeten we deze toevoegen in Google Tag Manager. Dit gaat om de volgende variabelen:

1. Transaction_id
2. Affiliation
3. Value
4. Tax
5. Shipping
6. Currency
7. Coupon
8. Items

Dat zijn dus acht verschillende variabelen. 

Je kunt ervoor kiezen om deze handmatig toe te voegen in Google Tag Manager. Dit doe je dan op basis van de informatie die je in de datalayer van de bedankpagina kunt vinden. 

Je kunt er ook voor kiezen om deze te downloaden en in één keer in Google Tag Manager up te loaden. 

In dit voorbeeld kiezen we ervoor om te werken met het Google Analytics 4 container sjabloon van Google. Deze kun je hier downloaden: GA4-containersjabloon.  

  • Download de Google Analytics 4 containersjabloon en sla deze op je computer op onder een door jou gewenste naam. 
  • Open vervolgens de gebruikersinterface van Google Tag Manager en ga naar ‘beheer’. 

Google Analytics 4 e-commerce tracking: open de gebruikersinterface van Google Tag Manager en ga naar beheer

  • Selecteer onder ‘container’ de optie om een container te importeren. 

Google Analytics 4 e-commerce tracking: selecteer de optie om een container te importeren

  • Selecteer het eerder gedownloade bestand en kies onder ‘werkruimte’ voor ‘bestaand’ en selecteer hierbij jouw werkruimte. 

Google Analytics 4 e-commerce tracking: selecteer het gedownloade bestand en importeer deze bestaand

  • Kies er vervolgens voor om het bestand te samenvoegen en kies voor de optie ‘conflicterend tags, triggers en variabelen overschrijven’. 

Google Analytics 4 e-commerce tracking: voeg het bestand samen en kies voor de optie 'conflicterende tags, triggers en variabelen overschrijven'

  • Klik op bevestigen om het bestand te importeren naar de werkruimte. 

Google Analytics 4 e-commerce tracking: klik op bevestigen om het bestand te importeren naar de werkruimte

Wat zie je nu in de werkruimte?

Met behulp van het bestand dat je zojuist hebt geïmporteerd in je werkruimte moet de volgende trigger zijn aangemaakt: 

  • Event – Ecommerce Events GA4: deze trigger wordt geactiveerd op alle e-commerce evenementen in jouw WooCommerce webshop. 

Google Analytics 4 e-commerce tracking: e-commerce trigger
Verder zijn de volgende variabelen aangemaakt en toegevoegd onder ‘variabelen’:

  • Ecommerce: hulpvariabele om de meest recente e-commercegegevens uit de datalayer te halen. 
  • Ecommerce Items: retourneert de meest recente productgegevens uit de datalayer.
  • Ecommerce Transaction ID: de bestel ID op de pagina voor ontvangen bestellingen. 
  • Ecommerce Value: geeft de totale waarde van de bestelling door. 
  • Ecommerce Tax: geeft de totale belasting waarde van de bestelling weer. 
  • Ecommerce Affiliate: meestal een lege variabelen. Kan worden gebruikt voor aangesloten partners. 
  • Ecommerce Shipping: geeft de totale verzendkosten van de bestelling mee. 
  • Ecommerce Coupon: deze bevat alle couponcodes in een door komma’s gescheiden lijst die is ingewisseld tijdens het afrekenen. 
  • Ecommerce Currency: geeft de valuta weer die is gebruikt in de laatste e-commerce transactie. 

Google Analytics 4 e-commerce tracking: e-commerce variabelen

Ook is de volgende tag aangemaakt:

  • GA4 – Event – Ecommerce events: deze wordt geactiveerd met behulp van de hierboven beschreven trigger. 

Google Analytics 4 e-commerce tracking: e-commerce tag

Stap 3: Voltooi de nieuw aangemaakte e-commerce event tag

Om ervoor te zorgen dat de e-commerce aankopen ook daadwerkelijk worden doorgestuurd naar je Google Analytics 4-account moet er nog wel een koppeling worden gemaakt met de zojuist aangemaakte tag ‘GA4 – Event – Ecommerce events’ en de GA4-configuratietag. 

Dat gaat als volgt:

  • Open de zojuist aangemaakt tag ‘GA4 – Event – Ecommerce events’. 
  • Open de lijst in de vervolgkeuzelijst voor de configuratietag. 

Google Analytics 4 e-commerce tracking: configuratietag Google Analytics 4 selecteren

  • Selecteer jouw GA4-configuratietag. 

Google Analytics 4 e-commerce tracking: selecteer GA4-configuratietag

  • Sla de wijzigingen op en vergeet niet om alle wijzigingen in de werkruimte te publiceren. 

En klaar! Als je bovenstaande stappen goed hebt uitgevoerd dan staat alles gereed om e-commerce tracking voor Google Analytics 4 bij te houden voor jouw WooCommerce webshop. 

Wil je naast e-commerce ook graag andere conversies binnen je webshop meten? Denk aan het invullen van een contactformulier? Dan lees je hier hoe je dat doet. 

Om te controleren of alles werkt kan je een test conversie uitvoeren. Check dan gelijk even of de conversie goed doorkomt in je Google Analytics 4-account. 

Hulp nodig met e-commerce tracking instellen voor Google Analytics 4 met WooCommerce en Google Tag Manager?

Bij ad your service begrijpen we dat het instellen van e-commerce tracking voor Google Analytics 4 met behulp van Google Tag Manager nog best een uitdaging kan zijn. Wij staan dan ook graag voor je klaar. Kom je er niet uit? Neem dan gerust contact met ons op!

Dit vinden onze klanten van ons
Steven David
Steven David
15:52 08 Aug 22
Top quality!! fantastische resultaten voor een chiropractisch bedrijf
Gianni Rota
Gianni Rota
11:08 03 Aug 22
Super vriendelijke en professioneel bedrijf. Korte lijnen en snelle reactietijden. Ik werk nu meer dan een jaar samen met Ad Your Service en ik ben meer dan tevreden over de resultaten die zij voor de exposure van mijn bedrijf hebben geboekt!
Arjan De Gast
Arjan De Gast
08:39 25 Nov 21
Prima bedrijf om mee samen te werken. Kwaliteit is goed!
Ad Raab
Ad Raab
13:28 24 Aug 21
Nils behoedt ons voor valkuilen en geeft gevraagd en ongevraagd advies. Daar worden wij gelukkig van!
Ginger Klink
Ginger Klink
07:45 14 Jul 21
De samenwerking met Nils en Angelique ervaar ik als zeer prettig. Hele fijne en toegankelijke mensen om mee te werken en houden de lijnen kort. Zij denken met je mee om ons bedrijf digitaal naar een hoger niveau te tillen en leren mij om hun vak beter te kennen.
arjanvdkooij
arjanvdkooij
07:47 04 Feb 21
We werken inmiddels al drie jaar samen met Ad your service en we zijn ontzettend tevreden over het meedenken, de persoonlijke benadering en uiteraard de resultaten!
Lydia Busstra Maven Publishing
Lydia Busstra Maven Publishing
15:09 09 Dec 20
We zijn superblij met de samenwerking: Ad Your Service tilt onze campagnes naar de next level, zijn erg leuk om mee te werken, zetten zich enorm in en hebben fantastische inzichten. Aanrader!
Puck Middelkoop
Puck Middelkoop
17:25 10 Jun 20
Nils verzorgt voor ons bedrijf de ads en we zijn erg tevreden daarmee! Hij denkt mee, kan zich goed inleven in de doelgroep, is oplossingsgericht en komt ook met suggesties voor vervolgstappen. Oftewel fijn om mee samen te werken.
C. Tang
C. Tang
20:32 24 Apr 20
Het team van ad your service is kort samengevat vakkundig, vriendelijk en behulpzaam. Zeker een aanrader als je de online zichtbaarheid van je website of webshop wil vergroten!
Evelyn van Hasselt
Evelyn van Hasselt
13:14 20 Apr 20
Samenwerken met Ad your service kan ik van harte aanbevelen. Nils is creatief, goed op de hoogte van de laatste ontwikkelingen en (ook niet onbelangrijk) prettig in de omgang. Hij heeft ons goed geholpen met het vergroten van het bereik van ons online magazine Holistik.
Robert Pielanen
Robert Pielanen
19:50 02 Dec 19
Professioneel en vakkundig
Tim de Ket
Tim de Ket
19:05 02 Dec 19
Heel tevreden met deze service! Altijd Enthousiast en weet waar hij over praat
Jeroen Albrecht
Jeroen Albrecht
08:45 10 Oct 19
Ik was op zoek naar iemand die mij kon helpen mijn website beter vindbaar te maken . Ik had gelijk een goed gevoel bij Nils. Ik heb mijn wensen kenbaar gemaakt en hij is daar gelijk mee aan de slag gegaan. Tot volle tevredenheid👍
Koen Dorreboom
Koen Dorreboom
20:01 03 Oct 19
De samenwerking met Nils van Ad your service heb ik als zeer prettig ervaren. Nils heeft kennis van zaken en zijn (goede) ideeën zijn doeltreffend. Zeer zeker aan te raden!
js_loader