Als je Google Tag Manager gebruikt om de tracking- en marketingtags van je website te beheren, is de kans groot dat je het dataLayer-object gebruikt. De dataLayer is een JavaScript-object dat informatie opslaat over de pagina en de interacties ervan, die kan worden gebruikt om gegevens door te geven aan tracking- en marketingtags.
Als het gaat om het bijhouden en analyseren van je e-commercedata in Google Analytics staan de producten en diensten die je verkoopt centraal. Om de prestaties van deze items nauwkeurig te volgen en te meten, zal de dataLayer een items-array pushen. Om deze items-array te meten in GA4, moet een bepaalde nomenclatuur worden gevolgd. Maar de manier waarop je dataLayer is opgebouwd, is mogelijk niet exact de nomenclatuur zijn die GA4 nodig heeft om de itemsdata te volgen. In dit artikel kijken we hoe we de dataLayer-dimensiewaarden in een items-array in Google Tag Manager kunnen wijzigen.
Hieronder vind je een voorbeeld van hoe je itemsarray eruit kan zien:
items: [
{
id: SKU_12345,
product_type_name: "Apparel",
product_name: "Stan and Friends Tee",
platform_name: "Google Merchandise Store",,
brand_name: "Google",
list_id: “related_products”,
list_name: "Related Products",
variant: "green"
price: 9.99,
quantity: 1
}
]
Zoals je ziet, gebruikt deze array niet de juiste nomenclatuur die nodig is om ecommerce-data te meten in GA4. Bekijken we Google’s documentatie, is dit hoe een array eruit zou moeten zien:
items: [
{
item_id: SKU_12345,
item_category: "Apparel",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
brand: "Google",
item_list_id: “related_products”,
item_list_name: "Related Products",
item_variant: "green"
price: 9.99,
quantity: 1
}
]
De makkelijkste oplossing zou zijn om direct wijzigingen aan te brengen in het dataLayer-object, maar dit is niet altijd mogelijk. De dataLayer heeft vaak meerdere belanghebbenden en de door GA4 gebruikte benaming kan niet altijd het beste passen bij jouw bedrijf. Hoe kun je de dimensies van de array wijzigen zonder het dataLayer-object te moeten veranderen?
Er is een eenvoudige custom Javascript-functie die je precies dit kunt laten doen. Hier is de functie toegepast op mijn aangepaste array:
function() {
var matches = {
id: 'item_id',
product_type_name: 'item_category',
product_name: 'item_name',
platform_name: 'affiliation',
brand_name: 'brand',
list_id: 'item_list_id',
list_name: 'item_list_name',
variant: 'item_variant',
}
var old_array = {{Items array}}
var new_array = []
for (var i = 0; i < old_array.length; i++) {
for (var property in old_array[i]) {
var new_property = matches[property]
if (new_property) {
old_array[i][new_property] = old_array[i][property]
delete old_array[i][property]
}
}
new_array.push(old_array[i])
}
return new_array
}
Als je deze functie toepast in een variabele in Google Tag Manager, zal de nieuwe array de values met de juiste GA4-nomenclatuur pushen.
Met het gebruik van deze custom Javascript-functie, kan je de dataLayer aanpassen conform de nomenclatuur van GA4, zonder aanpassingen te maken in de code van de website. Dit stelt je in staat om jouw data te segmenteren en analyseren op een manier die het beste past bij jouw bedrijf, terwijl je de best practices voor het tracken van ecommerce-data in GA4 volgt.
Robbe Desmyttere
| LinkedinDit E-mail adres wordt beschermd tegen spambots. U moet JavaScript geactiveerd hebben om het te kunnen zien.
