Uitleg: conversiepixel implementeren in Google Tag Manager

In deze handleiding lees je hoe je de Daisycon Conversion Pixel implementeert met Google Tag Manager (GTM). De officiële Daisycon Conversion Tag ondersteunt zowel order-level als product-level conversion tracking.

Voor de meeste webshops adviseren we product-level tracking met GA4 ecommerce-data. Als je website al een standaard GA4 purchase-event met productinformatie verstuurt, kan de Daisycon tag deze productdata direct gebruiken.

Deze handleiding is bedoeld voor browser-side conversion tracking in een web GTM-container. Gebruik je Server-Side Google Tag Manager, volg dan onze server-side conversion tracking handleiding.

Op deze pagina

• Kies je setup
• Voordat je begint
• Stap 1: Voeg de Daisycon tag toe en configureer deze
• Product-level tracking met GA4
• Andere trackingtypes
• Stap 2: Maak GTM-variabelen aan
• Stap 3: Maak of breid de data layer uit
• Test de implementatie

Kies je setup

Er zijn verschillende scenario's voor de implementatie. Kies het scenario dat het beste bij je huidige setup past:

• Scenario 1: Je weet hoe GTM werkt en de benodigde transactiedata en variabelen zijn al beschikbaar. Dit geldt ook voor websites met een standaard GA4 ecommerce purchase-event. Volg Stap 1.
• Scenario 2: Er is een data layer beschikbaar, maar de benodigde transactiewaarden zijn nog niet als GTM-variabelen beschikbaar. Volg Stap 1 en Stap 2.
• Scenario 3: GTM en de benodigde transactiedata moeten nog worden ingericht. Volg Stap 1, Stap 2 en Stap 3.

Tip voordat je begint

Doe voordat je de Daisycon tag configureert een testaankoop in Google Tag Manager Preview mode. Doorloop de checkout totdat de transactie is afgerond.

In Google Tag Manager Tag Assistant kun je de beschikbare variabelen en data layer-waarden bekijken. Controleer vooral of er al een purchase-event met een ecommerce-object beschikbaar is. Hiermee kun je het juiste trackingtype, de benodigde variabelen en de juiste trigger bepalen.

Stap 1: Voeg de Daisycon tag toe en configureer deze

Ga in de GTM-zijbalk naar Templates. Klik onder Tag Templates op Search Gallery en zoek naar Daisycon Conversion Tag. Open de template en voeg deze toe aan je workspace.

Je kunt de template ook rechtstreeks openen in de Google Tag Manager Community Template Gallery.

Ga daarna naar Tags en klik op New. Selecteer Daisycon Conversion Tag als tagtype.

Configureer eerst:

• Matching domain: het Daisycon matching domain dat aan je campagne is toegewezen.
• Campaign ID: je Daisycon campaign ID.
• Tracking type: kies de optie die past bij de transactiedata die op je website beschikbaar is.

Gebruikt je campagne een custom of first-party matching domain, maak dan een GTM Constant-variabele aan met het domein, bijvoorbeeld d.example.com, en selecteer deze variabele in het veld Matching domain.

Kies het juiste trackingtype

Aanbevolen: product-level tracking met GA4 ecommerce-data

Gebruikt je webshop al een standaard GA4 ecommerce-implementatie, selecteer dan Product-level tracking from GA4 ecommerce data.

De template kan de volgende waarden uit de huidige GA4 ecommerce-data uitlezen:

• ecommerce.transaction_id
• ecommerce.currency
• ecommerce.coupon
• ecommerce.items

De transaction-level waarden die in de tag zijn ingesteld, worden waar van toepassing als fallback gebruikt. Je hoeft ecommerce.items niet zelf om te zetten naar het Daisycon productformaat en hoeft ook geen aparte GTM-variabele voor ieder afzonderlijk product aan te maken.

Een standaard GA4 purchase-event kan er als volgt uitzien:

dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'ORDER-12345',
    currency: 'EUR',
    coupon: 'SUMMER10',
    items: [
      {
        item_id: 'SKU-001',
        item_name: 'Blue Widget',
        item_category: 'Fashion',
        item_brand: 'Brand A',
        price: 8.00,
        quantity: 3
      },
      {
        item_id: 'SKU-002',
        item_name: 'Red Widget',
        item_category: 'Accessories',
        item_brand: 'Brand B',
        price: 12.50,
        quantity: 1
      }
    ]
  }
});

De Daisycon template zet de producten in ecommerce.items automatisch om naar het Daisycon product-level conversion-formaat.

Hoe GA4-productdata wordt gebruikt

Standaard berekent de template het Daisycon-bedrag voor een productregel als price × quantity. De revenue is standaard gelijk aan hetzelfde bedrag.

Een ander bedrag voor Daisycon gebruiken

Als voor affiliate tracking een ander bedrag moet worden gebruikt dan de GA4-productprijs, kun je Daisycon-specifieke waarden aan een afzonderlijk product toevoegen:

• daisycon_a: totaal Daisycon-bedrag voor de productregel
• daisycon_r: Daisycon revenue voor de productregel

Deze waarden hebben voorrang op het bedrag dat uit price × quantity wordt berekend.

{
  item_id: 'SKU-001',
  item_name: 'Blue Widget',
  price: 12.10,
  quantity: 2,
  daisycon_a: 20.00,
  daisycon_r: 20.00
}

In dit voorbeeld ontvangt Daisycon 20.00 als productbedrag en revenue. Als daisycon_a wordt meegestuurd zonder daisycon_r, wordt de revenue gelijk aan het uiteindelijke Daisycon-bedrag.

Product commission codes

Met product-level tracking kunnen verschillende commission groups op afzonderlijke producten worden toegepast. Onder Product commission codes kies je hoe de commission code wordt bepaald:

• Each product's commission code or category: voor GA4-data wordt standaard item_category gebruikt.
• Another property from each product: vul een andere producteigenschap in, bijvoorbeeld item_brand.
• Commission code above for every product: gebruikt de commission code op tag-level voor alle producten.

Bij de eerste twee opties kan de Commission code op tag-level als fallback worden gebruikt als een product geen waarde bevat.

Product-level fallback behaviour

Als de tag geen geldige producten kan opbouwen, kies je of deze:

• Fail when no valid products are found: geen conversie verstuurt. Dit is de standaardinstelling.
• Send standard conversion instead: een order-level conversie zonder afzonderlijke productregels verstuurt.

We adviseren om tijdens de implementatie en het testen van product-level tracking de standaardinstelling ‘Fail’ te gebruiken. Ontbrekende productdata valt dan sneller op.

Andere product-level trackingtypes

UA Enhanced Ecommerce

Gebruikt je website nog legacy Universal Analytics Enhanced Ecommerce, selecteer dan Product-level tracking from UA Enhanced Ecommerce data.

De template leest producten uit ecommerce.purchase.products en kan ook de bestaande transaction ID, currency en coupon uit de Enhanced Ecommerce purchase-data gebruiken.

Deze optie is vooral bedoeld voor bestaande implementaties. Voor nieuwe ecommerce-implementaties adviseren we het GA4 ecommerce-formaat.

Daisycon product array

Voor custom ecommerce-implementaties selecteer je Product-level tracking from Daisycon product array en een GTM-variabele die de product array bevat.

[
  {
    a: 19.99,
    r: 19.99,
    qty: 1,
    sku: 'SKU-001',
    cc: 'category-a',
    pn: 'Product name',
    iv: 'Product description'
  }
]

Ondersteunde producteigenschappen zijn a, r, qty, sku, cc, pn, iv en e1 tot en met e5.

Standard transaction tracking

Selecteer Standard transaction tracking als je één set waarden voor de volledige transactie wilt versturen in plaats van afzonderlijke producten.

Dit is geschikt voor leads, abonnementen en boekingen, maar kan ook worden gebruikt voor webshops waar product-level informatie niet nodig is.

Voeg een trigger toe

Voeg een trigger toe die afvuurt wanneer de transactie is afgerond en de benodigde transactiedata beschikbaar is.

Bij GA4 ecommerce-implementaties is een Custom Event-trigger op het purchase-event meestal de aanbevolen optie.

Je kunt ook een Page View-, DOM Ready- of Window Loaded-trigger gebruiken op de Thank You- of Success-pagina, zolang de transactiedata op dat moment beschikbaar is.

Zorg ervoor dat de Daisycon tag alleen na een succesvolle transactie afvuurt en op een moment waarop de benodigde transactiedata beschikbaar is.

Stap 2: Maak GTM-variabelen aan

Maak GTM-variabelen aan voor waarden die door de tag nodig zijn maar nog niet als variabelen in je workspace beschikbaar zijn.

Bij product-level GA4 tracking leest de template de product array rechtstreeks uit de ecommerce-data. Je hoeft dus geen afzonderlijke variabelen voor ieder productveld aan te maken. Transaction-level variabelen die in de tag zijn ingesteld kunnen als fallback worden gebruikt.

Maak voor Standard transaction tracking Data Layer Variables aan voor de benodigde orderwaarden.

Als je data layer bijvoorbeeld het volgende bevat:

{
  order: {
    id: '12345',
    amount: 49.95,
    revenue: 59.95,
    currency: 'EUR'
  }
}

kun je Data Layer Variables aanmaken voor order.id, order.amount, order.revenue en order.currency.

Stap 3: Maak of breid de data layer uit

Als de benodigde transactiedata nog niet beschikbaar is in Google Tag Manager, moet je website deze via de data layer beschikbaar maken.

Voor webshops adviseren we waar mogelijk het standaard GA4 ecommerce purchase-formaat. Dezelfde ecommerce-data kan dan worden gebruikt voor GA4 en Daisycon product-level tracking.

dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'ORDER-12345',
    currency: 'EUR',
    items: [
      {
        item_id: 'SKU-001',
        item_name: 'Product name',
        item_category: 'Category A',
        price: 19.99,
        quantity: 1
      }
    ]
  }
});

Gebruik je standaard order-level tracking, dan kun je de benodigde orderwaarden ook in een andere data layer-structuur aanbieden en hiervoor GTM-variabelen aanmaken zoals beschreven in Stap 2.

De conversiepixel testen

Gebruik GTM Preview mode en voer een testtransactie uit. Controleer of:

• de Daisycon Conversion Tag op het juiste event of de juiste pagina afvuurt;
• de transaction ID correct en uniek is;
• de verwachte currency en promotion code beschikbaar zijn;
• bij order-level tracking het juiste order amount en de juiste revenue worden verstuurd;
• bij product-level tracking alle verwachte producten, aantallen en bedragen worden meegestuurd;
• de juiste commission codes worden gebruikt wanneer verschillende commission groups van toepassing zijn;
• daisycon_a en daisycon_r de verwachte waarden bevatten als je deze gebruikt.

Volg voor een volledige trackingtest onze handleiding How to test the conversion pixel.

Neem na het publiceren van je GTM-workspace contact op met je Daisycon-contactpersoon zodat de implementatie kan worden gecontroleerd.

Wanneer gebruik ik een Custom HTML-implementatie?

Oudere versies van deze handleiding adviseerden een Custom HTML tag voor product-level tracking. Dit is niet langer nodig voor standaard product-level implementaties. De huidige Daisycon Conversion Tag ondersteunt GA4 ecommerce-data, legacy UA Enhanced Ecommerce en Daisycon product arrays rechtstreeks.

Gebruik je Server-Side Google Tag Manager, gebruik dan de Daisycon server-side template in plaats van de conversion request zelf met een custom tag na te bouwen.

Neem contact op met Daisycon als je trackingvereisten niet met een van de ondersteunde trackingtypes kunnen worden uitgevoerd.

Conclusie

Voor de meeste webshops is Product-level tracking from GA4 ecommerce data met een trigger op het purchase-event de eenvoudigste setup. Bestaande order-level, UA Enhanced Ecommerce en custom productdata-implementaties blijven ondersteund.

Controleer altijd eerst de beschikbare transactiedata in GTM Preview mode. In veel gevallen is het grootste deel van de data die Daisycon nodig heeft al beschikbaar.