Dokumentation
Diese Anleitung zeigt, wie du folgende Events korrekt im GTM einrichtest und an Google Analytics 4 (GA4) sendest:
Standard
page_view session_start
scroll click
Formular
generate_lead
E-Commerce
view_item add_to_cart purchase
Voraussetzungen
Google Tag Manager (GTM) ist auf der Website eingebunden
Google Analytics 4 ist eingerichtet (mit Measurement-ID, z. B.
G-BQ96Q5YM4X)
GA4 Grundkonfiguration
Neuen Tag erstellen:
Typ: Google Analytics: GA4-Konfigurations-Tag
Mess-ID:
G-BQ96Q5YM4XTrigger: All Pages
Optional: Consent Mode aktivieren (z. B.
ad_storage,analytics_storage)Speichern
Damit ist das Basis-Tracking (page_view, session_start) aktiv.
Custom Events an GA4 senden
Die benutzerdefinierten Events werden über den Data Layer oder eigene Trigger ausgelöst.
Hier ist das Prinzip:
Nutzeraktion → DataLayer Push → GTM Trigger → GA4 Event Tag
DataLayer Push im Code
Wenn auf deiner Website Aktionen stattfinden (z. B. Formular abgeschickt oder Produkt gekauft),
sendet der Code ein Event in den Data Layer:
// Beispiel Formular
dataLayer.push({
'event': 'generate_lead',
'form_id': 'kontaktformular'
});
Trigger für jedes Event im GTM anlegen
Generate Lead
Typ: Benutzerdefiniertes Ereignis
Event-Name: generate_lead
Aktivieren: „Alle benutzerdefinierten Ereignisse“
Speichern
View Item
Typ: Benutzerdefiniertes Ereignis
Event-Name: view_item
Wird beim Laden der Produktseite / Reisedetail-Seite ausgelöst.
Add to Cart
Typ: Benutzerdefiniertes Ereignis
Event-Name: add_to_cart
Wird ausgelöst, wenn der Nutzer auf „In den Warenkorb“ klickt.
Purchase
Typ: Benutzerdefiniertes Ereignis
Event-Name: purchase
Wird ausgelöst, wenn der Kauf abgeschlossen ist (z. B. auf „Danke“-Seite).
GA4 Event Tags einrichten
Für jedes Event legst du im GTM einen neuen Tag an:
Beispiel: generate_lead
Tag-Typ: Google Analytics: GA4-Ereignis
Konfiguration: Verknüpfe dein bestehendes GA4-Konfig-Tag
Ereignisname:
generate_leadEvent-Parameter:
form_id→{{DL - form_id}}(Data Layer Variable anlegen!)
Trigger:
generate_lead(der benutzerdefinierte Trigger von oben)Speichern
Weitere Tags:
| Event | Eventname (GA4) | Parameter (optional) |
|---|---|---|
| view_item | view_item |
items → {{DL - items}} |
| add_to_cart | add_to_cart |
items → {{DL - items}} |
| purchase | purchase |
transaction_id, value, currency, items
|
| generate_lead | generate_lead |
form_id |
| scroll | scroll |
automatisch (Standard in GA4) |
| page_view | page_view |
automatisch via GA4-Konfigurationstag |
Data Layer Variablen anlegen
Damit die Parameter aus dem Data Layer im GA4-Tag verfügbar sind,
musst du sie einmalig anlegen:
Im GTM → Variablen > Neu
Typ: Data Layer Variable
Name: z. B.
DL - form_idSchlüssel:
form_idSpeichern
Das gleiche machst du für:
itemstransaction_idvaluecurrency
Testen (Debugging im Tag Assistant)
GTM → Vorschau starten
Seite neu laden
Interaktion ausführen (z. B. Formular absenden oder Button klicken)
Im Tag Assistant prüfen:
Siehst du das Event
generate_leadoderpurchaseim Stream?Wird das GA4-Event ausgelöst?
In GA4 unter Echtzeit > Events prüfen, ob es dort erscheint.