Enhanced conversions: de complete uitleg voor Google Ads en GA4

Dit is volgens mij de meest robuuste methode. Je hebt twee dingen nodig:

• Er wordt een event naar de datalayer gestuurd op het moment van de conversie (bv. bij het verzenden van het formulier of bij de aankoop).
• Het e-mailadres en telefoonnummer zitten mee in die datalayer-push.

Zo stel je het in:

1. Doe een testconversie met GTM in previewmodus.
2. Bekijk de datalayer op het moment van de conversie. Je ziet daar het event en de gegevens.

3. Maak een trigger van het type Aangepaste gebeurtenis. Vul als eventnaam exact de naam in die je in de datalayer ziet.

1. Maak een variabele van het type Variabele voor gegevenslaag voor het e-mailadres, en een tweede voor het telefoonnummer. Gebruik exact het pad dat je in de datalayer ziet. Loop je hier vast? Lees dan dit artikel van Analytics Mania over datalayer-variabelen.

Geen datalayer, en geen developer om er een te bouwen? Dan haal je de waarde rechtstreeks uit het formulierveld, met een Aangepaste JavaScript-variabele.

Maak er een voor het e-mailveld en een voor het telefoonveld. Je kan het veld vinden via het name-attribuut of via de id.

Via het name-attribuut (vervang nameformulierveld door de naam van jouw veld):

function(){
  return document.getElementsByName("nameformulierveld")[0] ? document.getElementsByName("nameformulierveld")[0].value : "";
}

Via de ID (vervang IDformulierveld door de ID van jouw veld):

function(){
  return document.querySelector("input#IDformulierveld").value
}

De naam of ID van een veld vind je met Chrome DevTools: klik met de rechtermuisknop op het veld en kies Inspecteren. Zoek naar name="…" of id="…".

Staat het e-mailadres zichtbaar op je bedanktpagina? Dat is vaak zo bij webshops (bv. WooCommerce). Dan kan je het daar ophalen met een DOM-elementvariabele.

1. Open de bedanktpagina en klik met de rechtermuisknop op het e-mailadres. Kies Inspecteren.
2. Kijk of het element een unieke class of ID heeft. In het voorbeeld hieronder is dat de class woocommerce-customer-details--email.

1. Maak in GTM een variabele van het type DOM-element. Kies als selectiemethode CSS-selector en vul .woocommerce-customer-details--email in. Het puntje vooraan betekent dat het om een class gaat.

Het user-provided data event vuurt hier ook op de bedanktpagina, net als je conversietag.

Soms vult de bezoeker het formulier in op pagina A, maar vuurt je conversie pas op pagina B (de bedanktpagina). En daar zijn de formuliergegevens weg.

Dan moet je de gegevens "bewaren" tot op de volgende pagina. Dat kan met een first-party cookie die je in GTM aanmaakt. Meer uitleg vind je in mijn blog over cookies zetten en lezen via Google Tag Manager.

1. Maak eerst JavaScript-variabelen voor de formuliervelden (zie hierboven).
2. Maak een tag van het type Aangepaste HTML met de code hieronder. Maak er een voor het e-mailadres en een voor het telefoonnummer.
3. Laat die tags afvuren bij de klik op de verzendknop. Op dat moment zijn de velden nog gevuld.

Pas in de code twee dingen aan:

• cookieName: geef de cookie een duidelijke naam, bv. cookieEmail.
• cookieValue: vul de JavaScript-variabele in die je eerder maakte.

<script>
(function(){
  var cookieName = "cookieEmail"; // Naam van je cookie
  var cookieValue = {{cjs - email}}; // Waarde van je cookie
  var expirationTime = 43200; // 12 uur in seconden
  expirationTime = expirationTime * 1000; // Omzetten naar milliseconden
  var date = new Date();
  date.setTime(date.getTime() + expirationTime);
  var expires = date.toUTCString();

  // Hoofddomein bepalen, zodat de cookie op alle subdomeinen werkt
  var domainParts = location.hostname.split('.');
  var baseDomain = domainParts.slice(-2).join('.');

  document.cookie = cookieName + "=" + encodeURIComponent(cookieValue) + "; expires=" + expires + "; SameSite=Lax; Secure; path=/; domain=" + baseDomain;
})();
</script>

1. Maak tot slot een variabele van het type Cookie van eerste partij om de cookie weer uit te lezen op de bedanktpagina.

Liever geen cookie? Je kan de gegevens ook tijdelijk bewaren in de session storage van de browser. Hoe dat werkt, lees je in mijn blog over data opslaan via session storage in Google Tag Manager.

Hier zoekt Google zelf naar een e-mailadres of telefoonnummer op de pagina. Je kiest daarvoor bij de variabele Door gebruikers verstrekte gegevens (stap 4) voor Automatisch in plaats van Handmatig.

Snel opgezet, maar het is de minst betrouwbare methode. Vaak "ziet" Google de gegevens op een ander moment dan wanneer je tag afvuurt. Op dat moment zijn de gegevens al weg en wordt er niets meegestuurd.

Gebruik dit dus enkel als snelle oplossing, of als geen enkele methode hierboven lukt.