Das Tochat.be-Widget kann Interaktionsereignisse an die Data Layer senden. Diese kannst du mit dem Google Tag Manager erfassen und an Facebook Ads weiterleiten.
In diesem Video erklären wir jeden Schritt: https://youtu.be/xGuN1LT7SZY
Bitte folge den untenstehenden Schritten, um ein korrektes Tracking einzurichten:
Voraussetzungen:
- Du musst ein Google Tag Manager-Konto haben. Falls nicht, kannst du hier eines erstellen: https://tagmanager.google.com/
- Du musst ein Facebook Ads-Konto haben. Falls nicht, kannst du hier eines erstellen: https://www.facebook.com/business/ads
- Falls du Advanced Matching nutzen möchtest, musst du es für das Pixel in Facebook Ads aktivieren. Es ist zwar nicht zwingend notwendig, aber oft der Grund, warum Daten in Facebook nicht korrekt verarbeitet werden. Um dies zu erreichen, folge diesen Schritten und nutze das Bild als Referenz:
- Wähle im Ads Manager die Hauptoption Datenquellen.
- Wähle in der Pixel-Liste das Pixel, das du für diese Integration nutzen möchtest, und gehe zu den Einstellungen.
- Scrolle nach unten zu Automatisches erweitertes Matching aktivieren und stelle den Schalter auf Ein.
- (Optional) Öffne das Dropdown und wähle aus, welche Felder du nutzen möchtest; standardmäßig sind alle aktiviert, und wir empfehlen, dies so zu belassen.
Wenn du den Schritt-für-Schritt-Prozess überspringen möchtest, kannst du diese Datei herunterladen (http://tochat.be/GTM-KTMD3LJ_v10.json) und in deinen Google Tag Manager importieren. Aktualisiere dann die Facebook-ID, um deine eigene Pixel-ID zu nutzen.
(Optional) Um Advanced Matching einzurichten, aktualisiere die Variablen nach den Schritten in diesem Tutorial. Du kannst die Konfiguration anpassen oder neue hinzufügen, wie in der Anleitung beschrieben.
Wenn du es manuell machen willst, gehe wie folgt vor:
Variablen erstellen:
- Gehe in den passenden Workspace, öffne das Menü Variablen und klicke auf Neu.
- Erstelle die folgenden benutzerdefinierten Variablen vom Typ Data Layer Variable (Version 1):
- cw_event_category
- cw_event_action
- cw_event_label
(Hinweis: bitte die Namen exakt übernehmen, sie sind Groß-/Kleinschreibung-sensitiv).
- Erstelle eine Variable für die Facebook Pixel-ID als Konstante.
- (Optional) Erstelle Variablen für Advanced Matching wie CW mail und CW phone. Diese sollten als benutzerdefiniertes JavaScript mit folgendem Code angelegt werden:
function () {
return document.getElementById("cw-form-field-ID-here").value;
}
Ersetze "cw-form-field-ID-here" mit der tatsächlichen Feld-ID aus deinem Widget-Editor. Die Feld-IDs findest du im ChatWith-Dashboard unter Widgets → Bearbeiten → Agents → Formular bearbeiten (unten rechts in jedem Feld).
Trigger erstellen:
- Gehe ins Menü Trigger und klicke auf Neu.
- Erstelle einen benutzerdefinierten Event-Trigger mit dem Eventnamen chatwith. (Achtung: exakt so schreiben, Groß-/Kleinschreibung beachten).
Facebook Pixel-Tracking über Community Template aktivieren:
- Gehe zu Templates → Galerie durchsuchen.
- Suche nach dem Template Facebook Pixel by facebookarchive und füge es hinzu.
- Bestätige die Berechtigungen und füge es deinem Workspace hinzu.
Tags erstellen:
- Base Tag (PageView)
- Tag-Typ: Facebook Pixel.
- Trage die Facebook Pixel-ID-Variable ein.
- Event-Name: Standard → PageView.
- Trigger: Alle Seiten.
- Event Tag (Lead)
- Tag-Typ: Facebook Pixel.
- Event-Name: Standard → Lead.
- Trigger: der in Schritt 2 erstellte Custom Event Trigger.
- (Optional) Aktiviere Advanced Matching und wähle die Variablen aus, die du erfassen möchtest.
Letzter Schritt:
Vergiss nicht, nach dem Testen deine Änderungen im GTM-Container zu veröffentlichen (Button Senden). Fertig! Viel Erfolg 🎉
👉 Zugriff auf das Dokument im Google Docs-Format:
https://docs.google.com/document/d/154vS-W7xPRyoS10KyYROIbnHkPQPtWIYFbYubkGpPyU/edit?usp=sharing
Willst du, dass ich die deutsche Version auch in ein PDF-Guide mit formatierten Überschriften und Screenshots-Platzhaltern umwandle, damit du ihn direkt weitergeben kannst?