Einrichtung von Google Tag Manager in YOGO
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“
paymentStartedein und speichere. -
Erstelle einen weiteren Trigger, z.B. „Kauf abgeschlossen“, wähle erneut „Benutzerdefiniertes Ereignis“ und gib diesmal
paymentCompletedein.
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.priceein. -
Erstelle eine weitere Variable namens „transactionProducts“ und gib
transactionProductsein. -
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! 🥳