Als je online producten of diensten verkoopt en mensen betalen dus direct op je website, dan wil je deze transacties uiteraard goed weergeven in je analytics pakket. Je ziet dan namelijk ook welke producten zijn verkocht en wat de opbrengst is. Hierdoor kun je ook goed beoordelen welke verkeersbronnen de meeste opbrengst genereren. In dit artikel laat ik zien welke stappen je moet ondernemen om de producten en transacties op de juiste wijze te laten tonen in je e-commerce rapporten.
Je hoeft niet alles in één keer door te voeren
Het meten van de e-commerce gegevens kun je in verschillende fasen doen. Bedenk dus van te voren goed in welke mate je alles wilt meten en wat je gaat doen met die gegevens. Kortom, welke stappen wil je doormeten?
De belangrijkste fase is natuurlijk het meten van de productweergave, winkelwagen en van checkout naar transactie. Dit is uiteraard wat je minimaal wilt doormeten.
Wil je ook zien hoe vaak een lijst van producten wordt getoond van een bepaalde productcategorie en welke producten vanaf welke positie in de lijst het meest worden geklikt, dan zul je dit ook apart moeten meten.
Ook het meten van promoties op je website en retouren kun je mee nemen in je e-commerce implementatie.
E-commerce implementeren met Woocommerce en Magento
Voordat je de webbouwer aan het werk zet is het verstandig dat je eerst kijkt of het CMS systeem waar je mee werkt al een plugin of een integratie heeft met Google Analytics 4. Als je bijvoorbeeld Woocommerce gebruikt voor je WordPress website dan kun je de plugin ‘Woocommerce Google Analytics Integration’ installeren. Een andere plugin die je kunt gebruiken is de ‘GTM4WP’. Dit is de plugin waarmee je GTM installeert op je website en onder ‘Instellingen – Integratie’ vind je de tab ‘Woocommerce’. Door hier het vinkje te zetten bij ‘Registreer verbeterde e-commerce’ worden de e-commerce gegevens naar GA4 gestuurd.
Voor Magento heb je de plugin ‘Magento 2 Google Analytics 4 Enhanced Ecommerce tracking (GTM)’ van Anowave die je kunt gebruiken. Ik heb hier echter zelf geen ervaring in en kan je ook niet laten zien hoe dit werkt. Ik wil alleen aangeven dat deze plugin er is en over het algemeen werken dit soort plugins prima.
Belangrijkste verschillen met meten van e-commerce tussen GA4 en Universal Analytics
T.o.v. Universal Analytics is er veel veranderd. Zo zijn de namen van de e-commerce gebeurtenissen in GA4 anders dan bij de Enhanced Ecommerce Actions in Universal Analytics:
| E-commerce in GA4 | E-commerce in UA | Wat is het? |
| view_promotion | promoView | Bekijken van een promotie op je website |
| select_promotion | promoClick | Het klikken op een promotie op je website |
| view_item_list | impressions | Bekijken van een lijst met producten, bijv. een categoriepagina |
| select_item | click | Klikken op een product van een lijst van producten |
| view_item | detail | Bekijken van een productpagina |
| add_to_wishlist | Bestond niet in UA* | Toevoegen van een product aan een wensenlijstje |
| add_to_cart | add | Toevoegen van een product aan de winkelwagen |
| view_cart | Bestond niet in UA* | Bekijken van de producten in de winkelwagen |
| remove_from_cart | remove | Verwijderen van een product uit de winkelwagen |
| begin_checkout | checkout** | Het starten van het checkout proces, dus als je doorgaat na de winkelwagen |
| add_shipping_info | checkout** | Het toevoegen van de verzendmethode |
| add_payment_info | checkout** | Het toevoegen van de betaalmethode |
| purchase | purchase | Het plaatsen van een bestelling |
| refund | refund | Het annuleren van (een deel van) de bestelling |
*Zoals je ziet zijn er 2 nieuwe acties bij gekomen, namelijk toevoegen aan wensenlijstje en bekijken van de winkelwagen.
**de checkout wordt iets anders gemeten in GA4 t.o.v. UA. In Universal Analytics stuur je de actie ‘checkout’ bij elke stap en voor het onderscheid tussen de stappen stuur je de ‘step’ (en eventueel ‘option’) mee. In GA4 zijn dit 3 vaste gebeurtenissen: begin_checkout, add-shipping_info en add_payment_info.
Verder is het grote verschil dat ‘producten’ nu ‘items’ zijn geworden. Dit betekent dat je het ook niet meer hebt over een ‘productcategorie’, maar over een ‘categorie van items’ in je rapporten.
In het deel van de producten in de dataLayer zie je dus ook andere namen van de actie:
| GA4 parameter | UA parameter | Omschrijving |
| item_id | item | ID/SKU van het product. Dit is verplicht. |
| item_name | name | Naam van het product. Dit is verplicht |
| item_list_name | list | Naam van de lijst met producten. Bijv. ‘mannenkleding’ |
| item_list_id | Bestond niet in UA | ID van de productlijst |
| index | list_position | Positie van het product in de productlijst |
| item_brand | brand | Merk van het product |
| item_category | category* | Product categorie niveau 1. Dit is de hoofdcategorie. |
| item_category2 | category* | Subcategorie, niveau 2 van de product categorie |
| item_category3 | category* | Subcategorie, niveau 3 van de product categorie |
| item_category4 | category* | Subcategorie, niveau 4 van de product categorie |
| item_category5 | category* | Subcategorie, niveau 5 van de product categorie |
| item_variant | variant | Variantbeschrijving van het product. Dit kan bijv. een kleur of maat zijn |
| affiliation | Bestond niet in UA | De winkel die het product heeft verkocht |
| discount | Bestond niet in UA | De korting die op het product is gegeven |
| coupon | coupon | De kortingscode die is toegepast bij de transactie |
| price | price | De prijs van het product |
| currency | Bestond niet in UA | Valuta die wordt gehanteerd |
| quantity | quantity | Aantal verkochte artikelen |
*Heb je meerdere subcategorieën, dan geef je dit in GA4 weer met verschillende parameters: item_category2 t/m 5. Dit kon ook in UA, alleen had je hier niet een aparte parameter voor. Je kon dit in UA doen door de verschillende niveaus aan te geven met een slash (bijv. hoofdcategorie/subcategorie/subsubcategorie/etc.).
Ook bij het meten van promoties op je website is e.e.a. veranderd in de namen:
| GA4 parameter | UA parameter | Omschrijving |
| promotion_id | id | De ID van de promotie waarop geklikt wordt |
| promotion_name | name | De naam van de promotie waarop geklikt wordt |
| creative_name | creative | Naam waar aan je de creatie (bijv banner of video) kunt herkennen |
| creative_slot | position | Positie waar de promotie wordt getoond op je website |
| location_id | Bestond niet in UA | De ID van de locatie waar de promotie wordt weergegeven |
De e-commerce gegevens worden verzameld in een dataLayer
Om e-commerce gegevens te zien in GA4, moeten deze gegevens op een specifieke manier worden gezet in een dataLayer op je website. Een dataLayer is een stukje code waarin dynamisch de gegevens van de betreffende e-commerce interactie worden geladen. Als bijvoorbeeld de productpagina wordt opgevraagd, dan worden in de dataLayer dynamisch o.a. de naam van het product, product-ID, productcategorie, prijs etc. geladen.
Op de bedanktpagina wanneer de transactie is voltooid, worden dynamisch de gegevens van de transactie geplaatst. Denk hierbij aan bijvoorbeeld omzet, transactie-ID, aantal producten, welke producten, verzendkosten, etc.
Je webbouwer/webdeveloper zal per stap, of per interactie zoals bijvoorbeeld bij toevoegen winkelwagentje, een dataLayer moeten plaatsen waarin de betreffende gegevens dynamisch geladen worden.
Elke stap in het e-commerceproces is een gebeurtenis, een ‘event’. In de dataLayer staat dit ‘event’ en op basis hiervan maak je de tag en trigger aan in Google Tag Manager.
Je bepaalt zelf welke stappen je wilt doormeten. Je kan dit ook in fasen doen, om te voorkomen dat het teveel werk is in één keer voor de webbouwer, waardoor het project vertraging op loopt.
Dit is een voorbeeld van stappen in het checkout proces zoals je deze kunt weergeven in een aangepast rapport:
Variabelen aanmaken in Google Tag Manager
Veel variabelen komen terug in verschillende stappen en dus in verschillende dataLayers. Om de informatie van deze dataLayer-variabelen op te halen en door te sturen naar GA4, dien je deze variabelen eerst aan te maken in Google Tag Manager (GTM). Dit doe je als volgt:
Klik in het linkermenu op Variabelen en klik op ‘Nieuw’ bij ‘Door de gebruiker gedefinieerde variabelen’.
Bij het aanmaken van een nieuwe variabele:
- Kies voor variabeletype Variabele voor gegevenslaag
- Naam van de variabele is de naam zoals deze staat in de 2e kolom van bovenstaande tabel.
Voorbeelden van variabelen die je moet aanmaken in GTM:
| GA4 parameter | DataLayer variabele naam GA4 |
| currency | ecommerce.currency |
| value | ecommerce.value |
| tax | ecommerce.tax |
| shipping | ecommerce.shipping |
| shipping_tier | ecommerce.shipping_tier |
| affiliation | ecommerce.affiliation |
| payment_type | ecommerce.payment_type |
| transaction_id | ecommerce.transaction_id |
| coupon | ecommerce.coupon |
| items | ecommerce.items |
Dit doe je dus voor elke variabele, dus elke rij in bovenstaande tabel!
De stappen van e-commerce doormeten
Onderstaand laat ik zien hoe de dataLayer er uit ziet per stap, waarin voorbeelden staan van data om het te verduidelijken. Deze voorbeelden komen uit de Google productinformatiepagina over e-commerce tracking in GA4. Het is van belang dat je de bouw en de benamingen van de variabelen in de dataLayer exact overneemt. Ga dus niet ergens hoofdletters gebruiken. Wat in het groen en rood staat zijn de waarden die dynamisch ingevuld moeten worden. Hier dient de webbouwer voor te zorgen.
Na de stappen laat ik de instellingen in GTM zien, zodat je met 1 tag ecommerce kunt doormeten in Google Analytics 4.
Bekijken van promotie
Deze dataLayer en tag plaatsen wanneer iemand een promotie, bijv een banner of de slider, bekijkt op je website.
De dataLayer:
Klikken op een promotie
Deze dataLayer en tag moeten geplaatst worden wanneer iemand klikt op een promotie, bijvoorbeeld klikt op een banner op je website.
De datalayer:
Een productlijst bekijken
Deze dataLayer en tag plaatsen wanneer iemand een productlijst bekijkt. Dit kan een categoriepagina zijn, maar ook de lijst van ‘aanbevolen producten’ of ‘sale’ (alle producten in de uitverkoop).
De dataLayer:
Op een product klikken uit de productlijst
Deze dataLayer en tag plaatsen wanneer iemand op een product klikt uit een productlijst.
De dataLayer:
Een productpagina bezoeken
Deze dataLayer en tag plaatsen wanneer iemand op een productpagina open heeft, dus een product bekijkt.
De dataLayer:
Product toevoegen aan winkelwagen/verwijderen uit winkelwagen
Deze dataLayer en tag plaatsen wanneer iemand een product toevoegt aan de winkelwagen.
De dataLayer:
In het geval dat iemand een product verwijdert uit de winkelwagen, dan moet op deze actie dezelfde dataLayer geplaatst worden, maar dan moet ‘add_to_cart’ vervangen worden door ‘remove_from_cart’.
Product toevoegen aan wensenlijstje
Dit is gelijk als bij toevoegen aan winkelwagen, maar dan waar ‘add_to_cart’ staat vervangen door ‘add_to_wishlist’.
Winkelwagen bekijken
Deze dataLayer en tag plaatsen wanneer iemand de winkelwagen bekijkt.
DataLayer:
Starten met de checkout
Deze dataLayer en tag plaatsen wanneer iemand met het checkoutproces begint, dus de stap na het bekijken van de winkelwagen.
DataLayer:
Verzendgegevens toevoegen
Deze dataLayer en tag plaatsen waar men de verzendgegevens moet invullen. Dit kan dus alleen als dit een aparte stap is in je checkoutproces.
DataLayer:
Betaalgegevens invullen
Deze dataLayer en tag plaatsen waar men de betaalgegevens moet invullen. Ook hiervoor geldt dat dit alleen mogelijk is als dit een aparte stap is in je checkoutproces.
DataLayer:
Aankoop van een product
Deze dataLayer en tag plaatsen op de bedanktpagina, nadat de aankoop heeft plaats gevonden.
De datalayer:
De tag en trigger in Google Tag Manager
Het mooie is dat je niet voor elke stap een tag hoeft aan te maken, maar dat je dit alles met 1 tag kunt meten en de gegevens door stuurt naar GA4.
Ga in GTM naar ‘Tags’ en klik op ‘Nieuw’ om een nieuwe tag te maken.
Dit zijn de instellingen van de tag:
Tagtype: Google Analytics – GA4 gebeurtenis
Configuratietag: kies hier de tag van je GA4 code, die je van te voren in GTM hebt aangemaakt.
Gebeurtenisnaam: klik op het blokje en selecteer ‘Event’. Dit is een aangepaste gebeurtenis die je van te voren aangevinkt moet hebben (onder ingebouwde variabelen).
Gebeurtenisparameters: hier noem je de variabelen die in de dataLayer terug komen en waarvan je de waarde wilt sturen naar GA4. Klik op ‘gebeurtenisparameters’ en vervolgens op ‘Rij toevoegen’.
Je noemt hier alle parameters die van toepassing zijn en op basis van het ‘Event’ ziet de tag welke parameters naar GA4 moeten worden gestuurd. In het veld ‘Parameternaam’ voer je de variabele naam in zoals deze in de dataLayer staat. In het veld ‘Waarde’ klik je op het blokje om de variabele te kiezen die de waarde van de betreffende variabele weergeeft.
Bijvoorbeeld voor de parameternaam ‘items’ kies je de variabele ‘{{dlv – ecommerce.items}}’. Hiermee neem je alle waarden mee van de variabelen die onder ‘items’ vallen. Uiteindelijk komen hier dus alle 10 variabelen te staan zoals deze genoemd zijn in de tabel van GA4 parameter onder het kopje ‘Variabelen aanmaken in Google Tag Manager.
De trigger waarop de tag moet worden afgevuurd heeft de volgende instellingen:
Type trigger: aangepast gebeurtenis
Naam van gebeurtenis: view_promotion|select_promotion|view_item_list|select_item|view_item|add_to_wishlist|add_to_cart|view_cart|remove_from_cart|begin_checkout|add_shipping_info|add_payment_info|purchase
Aanvinken ‘Overeenkomende reguliere expressie gebruiken’
Trigger activeren op ‘alle aangepaste gebeurtenissen’
Instellingen die je moet doorvoeren in GA4
Je hoeft in GA4 niet iets aan te vinken dat je ecommerce gegevens wilt zien, wat wel het geval was bij Universal Analytics. Waar je wel op moet letten is dat je de bekende betaalproviders en Ideal omgevingen van de banken toevoegt in de lijst van verwijzingsuitsluitingen. Doe je dit niet, dan zie je deze betaalproviders als verwijzende bron die de conversies toegewezen krijgen en is het dus niet mogelijk je kanalen en campagnes op de juiste wijze aan te sturen.
Dit doe je in de beheer-omgeving van GA4 (klik op tandwieltje linksonder).
- Ga in de tweede kolom naar ‘Gegevensstreams’ en klik op je gegevensstream die daar staat.
- Scroll naar beneden en klik op ‘Taginstellingen instellen’
- Klik op de link ‘Alles tonen’
- Klik op ‘Een lijst van ongewenste verwijzingen maken’
- Klik op ‘voorwaarde toevoegen’ om de betaalproviders toe te voegen aan de lijst
Als je al e-commerce implementatie hebt met Universal Analytics:
Voorlopig kun je dan de bestaande dataLayer blijven gebruiken. Je hebt deze gegevens immers ook nodig om nog gegevens naar Universal Analytics te sturen. Je kunt er dus voor kiezen om 2 aparte datalayers te plaatsen of deze bestaande te gebruiken. Het nadeel van deze laatste optie is dat je niet alle nieuwe variabelen in e-commerce metingen mee kunt nemen. Bovendien blijf je dan ook na 1 juli 2023 met oude code werken, wat mij niet wenselijk lijkt.
Voorbeeld van een dataLayer op de bedanktpagina die voor Universal Analytics wordt gebruikt:
Let hierbij op het volgende:
- De variabelen hebben hierin een andere naam en er zijn ook meerdere lagen. Bijvoorbeeld ecommerce.purchase.actionField.revenue
- In GTM maak je nieuwe variabelen aan zoals ze hier in de dataLayer staan. Zie onderstaande tabel:
| GA4 parameter | DataLayer variabele naam vanuit UA |
| currency | ecommerce.currencyCode |
| value | ecommerce.purchase.actionField.revenue |
| tax | ecommerce.purchase.actionField.tax |
| shipping | ecommerce.purchase.actionField.shipping |
| affiliation | ecommerce.purchase.actionField.affiliation |
| transaction_id | ecommerce.purchase.actionField.id |
| coupon | ecommerce.purchase.actionField.coupon |
| items | ecommerce.purchase.products |
Voorbeelden van variabelen die je dan voor elke rij uit bovenstaande tabel moet aanmaken:
De tag ziet er dan als volgt uit:
De trigger is hetzelfde als bij de tag voor GA4 zoals eerder in dit artikel beschreven.
Tot slot
Hopelijk wordt het instellen van e-commercemetingen in GA4 met dit artikel voor jou nu een stuk duidelijker. Het is belangrijk dat je de benamingen in de dataLayer exact overneemt, anders zul je zien dat de gegevens niet goed binnen komen in GA4. Als het erg veel is, kun je ook bepalen dat je bepaalde stappen eerst invoert en later de rest. het hoeft dus niet direct in één keer geïmplementeerd te worden, maar kan ook in fasen. Maar het moge duidelijk zijn: hoe sneller je alles hebt geïmplementeerd, hoe meer profijt je er van hebt ;-). Zeker bij de aangepaste rapporten in het deel ‘Ontdekken’ kun je dan los gaan in rapportages en hier waardevolle inzichten uit halen!
Wil je meer leren over GA4?
Kijk dan naar het overzicht van de groepstrainingen GA4 waarvoor je individueel kunt inschrijven. Of meld je aan voor de #1 Praktijkgerichte E-learning GA4, waarmee je een jaar lang toegang hebt tot videolessen zodat je alles op je eigen tempo kunt volgen.
Of wil je liever een op maat gemaakte incompany training GA4 voor je eigen team bij jou op kantoor? Neem dan contact met me op.