Befolge diese Anleitung, um deinen Google Tag Manager (GTM) einzurichten und beispielsweise Facebook Pixel oder Google Analytics zu integrieren.
GTM Events, die du in YOGO tracken kannst:
-
Kauf gestartet (paymentStarted)
-
Kauf abgeschlossen (paymentCompleted)
-
Möglichkeit, gekaufte Produkte und Summe über Data Layer Variablen zu erfassen:
- transactionProducts.price
transactionProducts
transactionTotal
userEmail
- transactionProducts.price
Bitte beachte, dass YOGO keinen Support für die Einrichtung von Google Analytics und Google Tag Manager bietet.
Bevor du beginnst
-
Erstelle ein Google Tag Manager-Konto unter tagmanager.google.com.
-
Sende deine GTM-ID an den YOGO Support, damit diese deinem YOGO-Konto zugeordnet wird.
-
Zuordnung bestätigt?
Logge dich für alle folgenden Schritte auf tagmanager.google.com ein.
Trigger erstellen
-
In deinem GTM, gehe zu „Trigger“ → „Neu“.
-
Benenne den ersten Trigger z.B. „Kauf gestartet“ und klicke auf „Triggerkonfiguration“.
-
Wähle „Benutzerdefiniertes Ereignis“.
-
Gib bei „Ereignisname“
paymentStarted
ein und speichere. -
Erstelle einen weiteren Trigger, z.B. „Kauf abgeschlossen“, wähle erneut „Benutzerdefiniertes Ereignis“ und gib diesmal
paymentCompleted
ein.
Tags erstellen
-
Gehe zu „Tags“ → „Neu“.
-
Benenne den Tag z.B. „FB Pixel Kauf gestartet“.
-
Klicke auf „Weitere Tag-Typen in der Vorlagengalerie suchen“.
-
Suche nach „facebook“ und wähle „Facebook Pixel“.
-
Klicke auf „Zum Arbeitsbereich hinzufügen“ und dann auf „Hinzufügen“.
-
Füge deine Facebook Pixel ID ein und wähle im Feld „Event Name“
InitiateCheckout
. -
Unter „Trigger“ wähle den zuvor erstellten Trigger („Kauf gestartet“) und speichere.
-
Erstelle einen weiteren Tag mit dem Namen z.B. „FB Pixel Kauf abgeschlossen“.
-
Wähle erneut „Facebook Pixel“.
-
Füge deine Facebook Pixel ID ein und setze als „Event Name“
Purchase
. -
Klicke dreimal auf „Objekteigenschaften“ → „Eigenschaft hinzufügen“ und ergänze:
Property Name | Property Value |
---|---|
value | |
contents | |
currency | EUR |
-
Wähle den Trigger „Kauf abgeschlossen“ und speichere.
Variablen erstellen
-
Gehe zu „Variablen“ und erstelle unter „Benutzerdefinierte Variablen“ eine neue Variable namens „productPrice“.
-
Wähle „Datenebenenvariable“ und gib
transactionProducts.price
ein. -
Erstelle eine weitere Variable namens „transactionProducts“ und gib
transactionProducts
ein. -
Erstelle zuletzt eine Variable namens „transactionTotal“ mit Wert
transactionTotal
.
Integration testen
-
Klicke auf „Vorschau“.
-
Gib deine YOGO Kunden-URL ein (z.B.
https://xxxx.yogobooking.de
) und aktiviere sie. -
Ein neues Fenster öffnet sich mit der Kundenseite.
-
Melde dich an, gehe zu „Preise“, füge etwas in den Warenkorb hinzu und gehe zum Checkout. Klicke auf „Weiter zur Zahlung“. Wechsle danach zurück zum GTM-Fenster. Wenn „Kauf gestartet“ unter „Aktivierte Tags“ erscheint, funktioniert die Integration.
-
Kehre zur GTM-Hauptseite zurück und klicke auf „Senden“.
Du bist nun bereit, Käufe von YOGO über den Facebook (META) Pixel zu tracken! 🥳