Zum Hauptinhalt springen

Wie aktiviere ich Google Tracking im Widget (mit dem Google Tag Manager)?

Nik Mangliers avatar
Verfasst von Nik Mangliers
Vor über einem Monat aktualisiert

Du möchtest herausfinden, welche Google Ads oder Webseitenbesuche zu Buchungen in Yolawo führen?

Ab sofort kannst du Google-Tracking direkt im Widget aktivieren – anonymisiert und DSGVO-konform.

Schritt 1: Google Tag Manager (GTM) einrichten

Falls du GTM noch nicht eingerichtet hast, findest du eine offizielle Anleitung von Google hier:
👉 Google Tag Manager einrichten

Schritt 2: Tracking im Widget aktivieren

Füge im Yolawo-iFrame das Attribut data-layer="dataLayer" hinzu, damit Tracking-Daten aus dem Widget an deinen GTM übergeben werden:

<iframe
  class="yolawo-widget"
  src="https://widgets.yolawo.de/w/widget-123"
  data-layer="dataLayer">
</iframe>
<script src="https://widgets.yolawo.de/assets/script.js"></script>

📌 Wichtig:

1) Ersetze hier "widget-123" mit der Bezeichnung deines Widgets.

2) Dieser Code muss auf jeder Seite eingebunden sein, wo das Widget erscheint.


​

Schritt 3: Tag im Google Tag Manager erstellen (GA4-Ereignis)

Erstelle einen neuen Tag vom Typ Google Analytics: GA4-Ereignis:

🔸Ereignisname: z. B. “complete_checkout” (wenn sich jemand erfolgreich für dein Angebot angemeldet hat)

🔸Ereignisparameter: (diese musst du als Variablen vorher anlegen, siehe nächster Schritt)


Schritt 4: DataLayer-Variablen anlegen

Damit die Werte wie event_label, value usw. übergeben werden, musst du sie als DataLayer-Variablen definieren:
​

Beispiel:

  • Variablentyp: Datenschichtvariable

  • Name der Datenschichtvariablen: z. B. eventCategory, eventLabel, participantsBooked usw.

  • Datenschicht-Version: Version 2


Schritt 5: Trigger für den Tag anlegen

Erstelle einen benutzerdefinierten Trigger mit folgenden Einstellungen:
​



Schritt 6: Ereignisdaten in GA4 sichtbar machen

Damit du die übergebenen Ereignisparameter wie event_label oder value in GA4 analysieren kannst, musst du sie als benutzerdefinierte Dimensionen registrieren:

So geht’s:

  1. In GA4: Verwaltung (Admin) → Datenstream auswählen

  2. Unter „Benutzerdefinierte Definitionen“ → „Benutzerdefinierte Dimension erstellen“

  3. Eintragen:

    • Name: z. B. „Event Label“

    • Parametername: event_label

      (Achtung: In GA4 muss der Parametername exakt so geschrieben sein wie im Tag. Achte auf die Schreibweise: event_label – nicht eventLabel.)

    • Bereich: „Ereignis“
      ​

🔍 So kannst du z. B. im GA4-Echtzeitbericht sehen, welche Buchung abgeschlossen wurde.

In der DebugView siehst du unabhängig davon aber schon, dass das Ereignis “complete_checkout” erfolgreich nach GA4 übertragen wurde.

⚠️ Achtung: Doppeltes Tracking vermeiden!


Bitte prüfe, ob Google Analytics oder der Tag Manager nicht bereits auf deiner Website über andere Wege eingebunden ist – z. B. über das WordPress-Plugin Site Kit, über ein direkt eingebundenes GA4-gtag.js oder über einen anderen Tag-Manager.

👉 Wenn GA4 oder GTM mehrfach implementiert sind, kann es dazu führen, dass keine Events in der GA4-DebugView erscheinen (z. B. weder user_engagement noch complete_checkout) oder Daten doppelt gezählt werden.
​

Stelle daher sicher, dass der Tag Manager und Google Analytics nur einmalig eingebunden sind

Hat dies deine Frage beantwortet?