Zoeken

Diepgaande uitleg: Aangepaste tracking met GTM op ZenchefOS

In dit artikel leert u wanneer u Google Tag Manager (GTM) met Zenchef moet gebruiken, hoe u het correct verbindt en hoe u Zenchef-events in kaart brengt naar uw analytics- en advertentietools terwijl u GDPR-compliant blijft.

 

Samenvatting 

  1. Waarom & wanneer kiezen voor Google Tag Manager

  2. Maak uw GTM-container aan & verbind deze (eenmalig)

  3. Data‑layer & trigger referentie (v‑2025‑04)

  4. Koppel events aan uw analytics- & advertentieplatforms

  5. Testen vóór livegang 

  6. Omgaan met cross‑domain & UTM-verlies

  7. Toestemming & GDPR

  8. Checklist voor probleemoplossing

  9. Geavanceerde Q & A

  10. Samenvatting best practices

 

1. Waarom & wanneer kiezen voor Google Tag Manager

Gebruik GTM wanneer u multi-pixel setups, A/B-tools, consentmanagers, server-side tagging of elke trackingwijziging zonder ontwikkelaar nodig hebt.

Als u alleen basisverkeersstatistieken nodig hebt, is het direct laden van GA4 via het Zenchef-veld voldoende.

Google Tag Manager kan dan de enige plek worden waar u de verschillende pixel-setup laadt en elk event (standaard of aangepast) verzendt.

 

2. Maak uw GTM-container aan & verbind deze (eenmalig)

Stap Actie Waarom
2.1 Ga naar tagmanager.google.com → Account aanmaken (of Beheerder → + Container aanmaken). Kies Web. Mobiele/App-containers kunnen geen Zenchef-widget-events ontvangen.
2.2 Publiceer een lege container en noteer het ID GTM-XXXXXXX dat in de header wordt weergegeven. Alleen gepubliceerde containers ontvangen live data.
2.3 Plak in Zenchef Back-Office → Instellingen → Partners → Audience measurement de GTM-ID in het veld Google Tag Manager-code en klik op Opslaan. Zenchef injecteert het GTM-script op alle Zensite-pagina’s & widgets — geen handmatige code nodig.

Meerdere restaurants? Gebruik overal dezelfde GTM-ID; de data layer bevat altijd restaurant_id, zodat u later per locatie kunt filteren.

 

3. Data‑layer & trigger referentie (v‑2025‑04)

Onze Analytics-implementatie biedt enkele aangepaste metrics en dimensies. Lees meer over Metrics en dimensies


 

4. Koppel events aan uw analytics- & advertentieplatforms

  • GA4 — Maak een GA4 Event-tag aan voor elke trigger.

    – Stel Eventnaam in als de triggernaam of koppel aan de door Google aanbevolen e-commerce namen (zenchef.booking_created ➜ purchase).

    – Voeg Eventparameters toe precies zoals vermeld in §4 om ze in rapporten te tonen.

  • Meta / TikTok / Pinterest — Gebruik dezelfde GTM-trigger om hun equivalente events te activeren (bijv. “Purchase”). Eén widgetactie = één hit in alle tools.

 

5. Testen vóór livegang ⚙️

  1. Klik op Voorbeeld in GTM, voer uw Zensite-URL in en open de boekingswidget.

  2. Ga in Tag Assistant naar Data Layer: events uit §4 zouden met de juiste keys moeten verschijnen.

  3. Controleer of tags afgevuurd worden, klik dan op Indienen → Publiceren. Data verschijnt binnen enkele seconden in GA4 Realtime.

 

6. Omgaan met cross‑domain & UTM-verlies

De boekingswidget kan openen op een Zenchef-domein, wat uw UTM’s laat verdwijnen. Oplossing:

<script>
function getUTM(){const q=new URLSearchParams(location.search);
 return ['utm_source','utm_medium','utm_campaign'].reduce((o,k)=>(q.get(k)?o[k]=q.get(k):0,o),{});
}
function patchLinks(){const u=getUTM();
 document.querySelectorAll('a').forEach(a=>{if(Object.keys(u).length&&a.hostname!==location.hostname){const n=new URL(a.href);n.search ||= new URLSearchParams(u).toString();a.href=n;}});
}
window.addEventListener('load',patchLinks);
</script>

Voeg dit toe vóór GTM zodat elke uitgaande link de UTM’s behoudt.

 

7. Toestemming & GDPR

  • Zenchef anonimiseert IP-adressen maar vraagt geen toestemming.

  • Implementeer een CMP (bijv. Axeptio) via GTM voor elke analytics-tag.

  • Activeer GA4 alleen na een “Toestemming gegeven” trigger of via gtm.allowlist.

 

8. Checklist voor probleemoplossing

Probleem Waarschijnlijke oorzaak Oplossing
Events zichtbaar in GTM Preview maar niet in GA4 GA4-tag ontbreekt of verkeerde parameternamen Controleer GA4-tag, zorg dat parameters overeenkomen met §4
Dubbele booking_created events GA4 is zowel in Zenchef als GTM toegevoegd Verwijder GA4-ID uit Zenchef als GTM GA4 beheert
Pixel telt boekingen dubbel Pixel is ook direct in de site geïnstalleerd Gebruik alleen de GTM-implementatie
Geen data na 24 uur Ad-blockers of geen toestemming Test zonder blockers; controleer of CMP toestemming doorgeeft

 

9. Geavanceerde Q & A

  • Kan ik dezelfde events naar server-side GTM sturen? — Ja, koppel de data-layer variabelen in uw servercontainer en stuur hits door.

  • Hoe debug ik cross-domain attributie in GA4? — GA4 Beheer → Data Streams → Webstream → Tagging-instellingen configureren → Configureer uw domeinen (voeg uw site & booking.zenchef.com toe).

  • Is Zenchef van plan een native CMP te ontwikkelen? — Voor nu is elk restaurant zelf verantwoordelijk voor het aanbieden en beheren van zijn eigen dataverzameling. Wij leveren alleen de data aan uw website — het is uw verantwoordelijkheid om gebruikersconsent correct te beheren.

 

10. Samenvatting best practices

  1. Importeer eerst de Zenchef-template — Bespaart uren handmatig taggen.

  2. Valideer na elke wijziging met Voorbeeld & Realtime.

  3. Beoordeel jaarlijks de toestemmingsstromen om compliant te blijven.