Trigger im Google Tag Manager (GTM) – Erklärung, technische Details und Praxis-Cases

Wie funktioniert ein Trigger technisch?

Technisch gesehen arbeitet ein Trigger wie ein „Wenn-Dann“-Befehl. Das bedeutet: „Wenn eine bestimmte Bedingung erfüllt ist, dann feuere den zugehörigen Tag.“ Diese Bedingungen können auf der Grundlage von DOM-Elementen, JavaScript-Ereignissen, HTTP-Anfragen oder Datenebenen (Data Layer) definiert werden.

Arten von Triggern im GTM

Google Tag Manager bietet eine Vielzahl von Triggern, die auf unterschiedliche Ereignisse reagieren. Hier sind die wichtigsten Trigger-Typen:

1. Seitenaufruf (Page View)
   • Wird ausgelöst, wenn eine Seite geladen wird.
   • Wird häufig verwendet, um Google Analytics-Seitenaufrufe zu erfassen.
2. DOM Ready
   • Wird ausgelöst, wenn der gesamte HTML-Code geladen ist, aber bevor Bilder, CSS und andere Ressourcen vollständig geladen sind.
3. Window Loaded
   • Wird ausgelöst, wenn die gesamte Seite (inkl. Bilder, CSS und Scripte) vollständig geladen ist.
4. Click-Trigger (Allgemeiner Click oder spezifischer Click)
   • Wird ausgelöst, wenn auf ein bestimmtes Element auf der Seite (Button, Link, Bild, etc.) geklickt wird.
   • Optional: Einschränkung auf bestimmte Klassen, IDs oder Textinhalte.
5. Scroll-Trigger
   • Wird ausgelöst, wenn der Benutzer eine bestimmte Scroll-Tiefe (z. B. 50%) auf der Seite erreicht hat.
6. Element Visibility-Trigger
   • Wird ausgelöst, wenn ein bestimmtes Element (z. B. ein Formular oder ein Call-to-Action-Button) auf der Seite sichtbar wird.
7. Timer-Trigger
   • Wird ausgelöst, wenn eine bestimmte Zeit (z. B. 30 Sekunden) seit dem Laden der Seite vergangen ist.
8. Benutzerdefinierte Ereignis-Trigger
   • Wird durch benutzerdefinierte Data-Layer-Ereignisse ausgelöst, z. B. window.dataLayer.push({'event': 'purchase_completed'}).
9. History Change Trigger
   • Wird ausgelöst, wenn sich der URL-Hash ändert, oft verwendet in Single-Page-Applications (SPA).
10. YouTube Video-Trigger
    • Wird ausgelöst, wenn ein YouTube-Video gestartet, pausiert oder zu einem bestimmten Prozentsatz angesehen wurde.

Technische Details zu Triggern

1. Bedingungen (Conditions)
   • Jeder Trigger kann Bedingungen haben, z. B. „URL enthält /checkout“ oder „Click-Text enthält ‚Jetzt kaufen'“.
   • Bedingungen können mit UND oder ODER-Logik verknüpft werden.
   • Bedingungstypen:
     • Übereinstimmung (contains, does not contain)
     • Exakte Übereinstimmung (equals)
     • Reguläre Ausdrücke (matches regex)
     • Größer als, kleiner als (für numerische Werte)
2. Zielorientierte Ausführung
   • Trigger sind mit Tags verknüpft. Nur wenn der Trigger „wahr“ ist, wird der Tag ausgeführt.
   • Tags können durch mehrere Trigger gleichzeitig ausgelöst werden.
3. Data Layer Bezug
   • Trigger greifen auf den Data Layer zu. Das bedeutet, dass Trigger auf Werte wie event, userType oder transactionId reagieren können.
   • Beispiel: event: 'checkout_step_2' kann verwendet werden, um einen spezifischen Trigger für den Checkout-Schritt 2 zu erstellen.

Case 1: Klick-Tracking für „Jetzt kaufen“-Button

Szenario:
Du möchtest messen, wie oft Benutzer auf den „Jetzt kaufen“-Button klicken, um herauszufinden, ob der Call-to-Action effektiv ist.

Technische Lösung:

1. Trigger erstellen
   • Art: Click-Trigger
   • Bedingung:
     • „Click-Text“ enthält „Jetzt kaufen“
     • „Click-ID“ enthält „buy-now“
2. Tag erstellen
   • Tag-Typ: Google Analytics 4 Event-Tag
   • Event-Name: click_now_buy
   • Parameter:
     • Button Name = {{Click Text}}
     • Page URL = {{Page URL}}
3. Tag mit Trigger verknüpfen
   • Verknüpfe den Click-Trigger mit dem neuen Tag.

Technische Details:

• Der Click-Trigger verwendet den DOM-Zugriff auf den click-Event der Website.
• Der Google Tag Manager erkennt den Click-Text oder die Click-Klasse, sobald der Benutzer klickt.
• Die erfassten Werte werden in den Data Layer geschrieben und im Tag für Google Analytics übertragen.

Case 2: Tracking des Sichtbarkeitsstatus eines Formulars

Szenario:
Du möchtest messen, wie oft Benutzer bis zu einem Formular auf der Seite scrollen, das zum Kontaktieren des Unternehmens dient.

Technische Lösung:

1. Trigger erstellen
   • Art: Element-Visibility-Trigger
   • Ziel: ID des Formulars #contact-form
   • Bedingungen:
     • „Element sichtbar“ = mindestens 50% des Elements sichtbar
     • „Einmal pro Seite“ (damit es nicht mehrfach auslöst)
2. Tag erstellen
   • Tag-Typ: Google Analytics 4 Event-Tag
   • Event-Name: form_visibility
   • Parameter:
     • Form ID = #contact-form
     • Page URL = {{Page URL}}
3. Tag mit Trigger verknüpfen
   • Verknüpfe den Element-Visibility-Trigger mit dem Tag.

Technische Details:

• Der Element-Visibility-Trigger greift auf die Intersection Observer API zurück, die prüft, wann ein bestimmtes HTML-Element sichtbar wird.
• Das GTM-Script überwacht die Position des Formulars relativ zum Viewport des Benutzers.
• Sobald mehr als 50 % des Formulars sichtbar sind, wird das Event getriggert.

Best Practices

1. Vermeide unnötig viele Trigger
   • Mehr Trigger bedeuten mehr Last für den Browser. Bündele Logiken, um unnötige Aufrufe zu vermeiden.
2. Verwende reguläre Ausdrücke
   • Statt für jeden Button einen neuen Trigger zu erstellen, kannst du Click Text matches regex nutzen. Beispiel: Jetzt (kaufen|bestellen|anfragen)
3. Nutze den Data Layer
   • Im Data Layer können benutzerdefinierte Events oder zusätzliche Informationen hinterlegt werden, die Trigger auslösen können.
4. Testen, testen, testen
   • Verwende die Vorschau-Modus-Funktion von GTM, um zu sehen, welche Trigger wann und warum ausgelöst werden. So kannst du Fehler erkennen.

Häufige Fehler bei Triggern

1. Falsche Bedingung
   • Beispiel: Du suchst „Jetzt Kaufen“, aber der Button-Text hat am Ende einen Leerraum. Lösung: Verwende matches regex anstelle von contains.
2. Falsche Sichtbarkeitsregel
   • Beispiel: Du verwendest „mindestens 100% sichtbar“ für den Element Visibility Trigger, aber der Benutzer scrollt nicht so weit. Lösung: Ändere die Bedingung zu „50% sichtbar“.
3. Trigger, der zu oft feuert
   • Beispiel: Ein Click-Trigger feuert bei jedem Klick auf die Seite. Lösung: Füge Einschränkungen hinzu, z. B. nur bei bestimmten Buttons.

Fazit

Trigger sind das Herzstück des Google Tag Managers. Sie definieren, wann ein Tag feuert und welche Bedingungen erfüllt sein müssen. Ob ein einfacher Click-Trigger oder eine komplexe Element-Sichtbarkeitsbedingung – alles kann mit der richtigen Kombination aus Triggern, Tags und Variablen erfasst werden. Die richtige Verwendung von Triggern spart Ressourcen, optimiert das Tracking und liefert die entscheidenden Informationen für Analyse und Optimierung.

zurück zur Lexikon Übersicht