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

Bitte beachte, dass YOGO keinen Support für die Einrichtung von Google Analytics und Google Tag Manager bietet.

Bevor du beginnst

  1. Erstelle ein Google Tag Manager-Konto unter tagmanager.google.com.

  2. Sende deine GTM-ID an den YOGO Support, damit diese deinem YOGO-Konto zugeordnet wird.

  3. Zuordnung bestätigt?

    Logge dich für alle folgenden Schritte auf tagmanager.google.com ein.

Trigger erstellen

  1. In deinem GTM, gehe zu „Trigger“„Neu“.

  2. Benenne den ersten Trigger z.B. „Kauf gestartet“ und klicke auf „Triggerkonfiguration“.

  3. Wähle „Benutzerdefiniertes Ereignis“.

  4. Gib bei „Ereignisname“ paymentStarted ein und speichere.

  5. Erstelle einen weiteren Trigger, z.B. „Kauf abgeschlossen“, wähle erneut „Benutzerdefiniertes Ereignis“ und gib diesmal paymentCompleted ein.

Tags erstellen

  1. Gehe zu „Tags“„Neu“.

  2. Benenne den Tag z.B. „FB Pixel Kauf gestartet“.

  3. Klicke auf „Weitere Tag-Typen in der Vorlagengalerie suchen“.

  4. Suche nach „facebook“ und wähle „Facebook Pixel“.

  5. Klicke auf „Zum Arbeitsbereich hinzufügen“ und dann auf „Hinzufügen“.

  6. Füge deine Facebook Pixel ID ein und wähle im Feld „Event Name“ InitiateCheckout.

  7. Unter „Trigger“ wähle den zuvor erstellten Trigger („Kauf gestartet“) und speichere.

  8. Erstelle einen weiteren Tag mit dem Namen z.B. „FB Pixel Kauf abgeschlossen“.

  9. Wähle erneut „Facebook Pixel“.

  10. Füge deine Facebook Pixel ID ein und setze als „Event Name“ Purchase.

  11. Klicke dreimal auf „Objekteigenschaften“„Eigenschaft hinzufügen“ und ergänze:

Property Name Property Value
value
contents
currency EUR
  1. Wähle den Trigger „Kauf abgeschlossen“ und speichere.

Variablen erstellen

  1. Gehe zu „Variablen“ und erstelle unter „Benutzerdefinierte Variablen“ eine neue Variable namens „productPrice“.

  2. Wähle „Datenebenenvariable“ und gib transactionProducts.price ein.

  3. Erstelle eine weitere Variable namens „transactionProducts“ und gib transactionProducts ein.

  4. Erstelle zuletzt eine Variable namens „transactionTotal“ mit Wert transactionTotal.

Integration testen

  1. Klicke auf „Vorschau“.

  2. Gib deine YOGO Kunden-URL ein (z.B. https://xxxx.yogobooking.de) und aktiviere sie.

  3. Ein neues Fenster öffnet sich mit der Kundenseite.

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

  5. 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! 🥳