Deep Dive: Benutzerdefiniertes Tracking mit GTM auf ZenchefOS

In diesem Artikel erfahren Sie, wann Sie Google Tag Manager (GTM) mit Zenchef verwenden sollten, wie Sie es korrekt verbinden und wie Sie Zenchef-Ereignisse Ihren Analyse- und Werbetools zuordnen, während Sie die DSGVO einhalten.

 

Zusammenfassung 

  1. Warum & wann Google Tag Manager wählen

  2. Erstellen & verbinden Sie Ihren GTM-Container (einmalig)

  3. Data-Layer & Trigger-Referenz (v‑2025‑04)

  4. Ereignisse Ihren Analyse- & Werbeplattformen zuordnen

  5. Vor dem Livegang testen 

  6. Umgang mit Cross-Domain & UTM-Verlust

  7. Einwilligung & DSGVO

  8. Fehlerbehebung Checkliste

  9. Erweiterte Fragen & Antworten

  10. Best-Practice Zusammenfassung

 

1. Warum & wann Google Tag Manager wählen

Verwenden Sie GTM, wenn Sie Multi-Pixel-Setups, A/B-Tools, Consent Manager, serverseitiges Tagging oder jegliche Tracking-Änderung ohne Entwickler benötigen.

Wenn Sie nur grundlegende Verkehrsstatistiken benötigen, reicht das direkte Laden von GA4 über das Zenchef-Feld aus.

Google Tag Manager kann dann der einzige Ort werden, an dem Sie die verschiedenen Pixel-Setups und jedes Ereignis (Standard oder benutzerdefiniert) auslösen.

 

2. Erstellen & verbinden Sie Ihren GTM-Container (einmalig)

Schritt Aktion Warum
2.1 Erstellen Sie in tagmanager.google.com → Konto erstellen (oder Admin → + Container erstellen). Wählen Sie Web. Mobile/App-Container können keine Zenchef-Widget-Ereignisse empfangen.
2.2 Veröffentlichen Sie einen leeren Container und notieren Sie die im Header angezeigte ID GTM-XXXXXXX. Nur veröffentlichte Container erhalten Live-Daten.
2.3 Fügen Sie im Zenchef Back-Office → Einstellungen → Partner → Audience Measurement die GTM-ID in das Feld Google Tag Manager Code ein und klicken Sie auf Speichern. Zenchef fügt das GTM-Skript auf allen Zensite-Seiten & Widgets ein — kein manueller Code erforderlich.

Mehrere Restaurants? Verwenden Sie überall dieselbe GTM-ID; der Data Layer enthält immer restaurant_id, sodass Sie später nach Standort filtern können.

 

3. Data-Layer & Trigger-Referenz (v‑2025‑04)

Unsere Analytics-Implementierung stellt einige benutzerdefinierte Metriken und Dimensionen bereit. Lesen Sie mehr über Metriken und Dimensionen


 

4. Ereignisse Ihren Analyse- & Werbeplattformen zuordnen

  • GA4 — Erstellen Sie für jeden Trigger ein GA4-Ereignis-Tag.

    – Setzen Sie Ereignisname = Trigger-Name oder ordnen Sie ihn den von Google empfohlenen E-Commerce-Namen zu (zenchef.booking_createdpurchase).

    – Fügen Sie Ereignisparameter genau wie in §4 aufgeführt hinzu, um sie in Berichten anzuzeigen.

  • Meta / TikTok / Pinterest — Verwenden Sie denselben GTM-Trigger, um deren äquivalente Ereignisse auszulösen (z. B. „Purchase“). Eine Widget-Aktion = ein Treffer in allen Tools.

 

5. Vor dem Livegang testen ⚙️

  1. Klicken Sie in GTM auf Vorschau, geben Sie Ihre Zensite-URL ein, öffnen Sie das Buchungs-Widget.

  2. Wechseln Sie im Tag Assistant zu Data Layer: Ereignisse aus §4 sollten mit den richtigen Schlüsseln erscheinen.

  3. Validieren Sie, dass Tags ausgelöst werden, dann Absenden → Veröffentlichen. Daten erscheinen innerhalb von Sekunden in GA4 Echtzeit.

 

6. Umgang mit Cross-Domain & UTM-Verlust

Das Buchungs-Widget kann auf einer Zenchef-Domain geöffnet werden, wodurch Ihre UTMs verloren gehen. Lösung:

<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>

Fügen Sie es vor GTM ein, damit jeder ausgehende Link die UTMs behält.

 

7. Einwilligung & DSGVO

  • Zenchef anonymisiert IPs, sammelt jedoch keine Einwilligung.

  • Setzen Sie einen CMP (z. B. Axeptio) über GTM vor allen Analyse-Tags ein.

  • Feuern Sie GA4 nur nach einem „Consent gegeben“-Trigger oder über gtm.allowlist.

 

8. Fehlerbehebung Checkliste

Problem Wahrscheinliche Ursache Lösung
Ereignisse in GTM-Vorschau sichtbar, aber nicht in GA4 GA4-Tag fehlt oder falsche Parameter-Namen GA4-Tag prüfen, sicherstellen, dass Parameter mit §4 übereinstimmen
Doppelte booking_created Ereignisse GA4 sowohl in Zenchef als auch in GTM hinzugefügt GA4-ID aus Zenchef entfernen, wenn GTM GA4 verwaltet
Pixel zählt Buchungen doppelt Pixel ist auch direkt auf der Seite installiert Nur die GTM-Implementierung verwenden
Keine Daten nach 24 h Ad-Blocker oder keine Einwilligung Ohne Blocker testen; prüfen, ob CMP Einwilligung sendet

 

9. Erweiterte Fragen & Antworten

  • Kann ich dieselben Ereignisse an serverseitiges GTM senden? — Ja, ordnen Sie die Data-Layer-Variablen in Ihrem Server-Container zu und leiten Sie Treffer weiter.

  • Wie debugge ich Cross-Domain Attribution in GA4? — GA4 Admin → Datenströme → Web-Stream → Tagging-Einstellungen konfigurierenDomains konfigurieren (fügen Sie Ihre Seite & booking.zenchef.com hinzu).

  • Plant Zenchef eine native CMP? — Derzeit ist jedes Restaurant selbst verantwortlich für die Bereitstellung und Verwaltung der eigenen Datenerfassung. Wir liefern nur die Daten an Ihre Website — die ordnungsgemäße Handhabung der Nutzereinwilligung liegt in Ihrer Verantwortung.

 

10. Best-Practice Zusammenfassung

  1. Importieren Sie zuerst die Zenchef-Vorlage — Spart Stunden manueller Tagging-Arbeit.

  2. Vorschau & Echtzeit-Validierung nach jeder Änderung.

  3. Überprüfen Sie jährlich die Consent-Flows, um konform zu bleiben.