Datalayer Beispiele – Strukturierte Events für GTM & GA4

Einleitung

Der Data Layer ist das Herzstück deines Trackings mit dem Google Tag Manager (GTM).
Er fungiert als zentrale Schnittstelle zwischen deiner Website und allen Tracking-Tags.

Ohne eine saubere Data-Layer-Struktur werden Events oft doppelt gesendet,
Parameter fehlen oder werden falsch interpretiert – und deine GA4-Daten verlieren an Aussagekraft.

Dieser Leitfaden zeigt dir anhand konkreter Beispiele und Best Practices,
wie du deinen Data Layer optimal aufbaust.

Was der Data Layer ist

Der Data Layer ist ein JavaScript-Objekt, in dem strukturierte Informationen
über Seiten, Nutzeraktionen oder Transaktionen gespeichert werden.

GTM greift auf diese Werte zu und löst basierend darauf Tags aus.

Beispiel:

window.dataLayer = window.dataLayer || [];

window.dataLayer.push({

‚event‘: ‚lead_submit‘,

‚form_name‘: ‚Kontaktformular‘,

‚page_type‘: ‚landingpage‘

});

Vorteile einer klaren Data Layer Struktur

Ein strukturierter Data Layer bringt:

  • Saubere Event-Logs in GTM & GA4
  • Weniger Fehler bei der Tag-Auslösung
  • Leichtere Wartung & Dokumentation
  • Mehr Kontrolle über gesendete Parameter
  • Bessere Kompatibilität mit Server-Side-Tracking

💬 Tipp:
Definiere deine Data-Layer-Struktur vor dem Setup, am besten in einer Tabelle
(z. B. event_name, parameter, trigger_condition).

Siehe auch: „Google Tag Manager Best Practices“

Grundaufbau & Syntax

Ein Data Layer besteht aus einer globalen Variable (window.dataLayer)
und einer Push-Funktion, mit der du Daten hinzufügst.

Basisstruktur:

window.dataLayer = window.dataLayer || [];

window.dataLayer.push({

‚event‘: ‚event_name‘,

‚parameter_1‘: ‚value_1‘,

‚parameter_2‘: ‚value_2‘

});

Beispiel: Seitenaufruf

window.dataLayer.push({

‚event‘: ‚page_view‘,

‚page_type‘: ‚produktseite‘,

‚language‘: ‚de‘

});

Wichtig:
Jeder Push löst im GTM einen neuen Event-Trigger aus,
den du gezielt abfangen kannst.

Beispiele für häufige Events

Hier einige typische Anwendungsfälle für WordPress- und Shopify-Websites:

Formularabsendung

window.dataLayer.push({

‚event‘: ‚lead_submit‘,

‚form_name‘: ‚kontaktformular‘,

‚page_path‘: ‚/kontakt/‘

});

Produkt in Warenkorb

window.dataLayer.push({

‚event‘: ‚add_to_cart‘,

‚product_name‘: ‚Angelschirm 2m‘,

‚price‘: 59.99,

‚currency‘: ‚EUR‘

});

Kaufabschluss

window.dataLayer.push({

‚event‘: ‚purchase‘,

‚transaction_id‘: ‚ORD-245‘,

‚value‘: 179.00,

‚currency‘: ‚EUR‘,

‚items‘: [{

‚item_name‘: ‚Angelset Pro‘,

‚quantity‘: 1,

‚price‘: 179.00

}]

});

CTA-Click

window.dataLayer.push({

‚event‘: ‚cta_click‘,

‚button_text‘: ‚Jetzt Angebot anfordern‘,

‚page_section‘: ‚Hero‘

});

Best Practices & Fehlerquellen

  • Verwende kleine Buchstaben & Unterstriche in Eventnamen (add_to_cart, lead_submit)
  • Definiere einheitliche Parameter für wiederkehrende Events
  • Nutze benutzerdefinierte Variablen im GTM, um Werte auszulesen
  • Prüfe im Preview-Mode, ob Events korrekt ausgelöst werden
  • Dokumentiere Änderungen (z. B. in einem Tracking-Konzept-Dokument)

Häufige Fehler:

  • Data Layer wird nach dem GTM-Container geladen
  • Events werden doppelt gepusht
  • Falsche Schreibweise (LeadSubmit statt lead_submit)
  • Fehlende Parameter im GTM-Mapping

Siehe auch: „GA4 DebugView erklärt“

Fazit

Ein sauber strukturierter Data Layer ist die Grundlage für zuverlässiges, skalierbares Tracking.
Er sorgt dafür, dass alle Tools – vom GTM bis zum Server-Container –
konsistente und korrekte Daten erhalten.

Pro Tipp:
Lege einmalig deine Eventstruktur fest – und halte dich konsequent daran.
Das spart Zeit bei Debugging, Updates und neuen Integrationen.

Weiterführende Artikel:

Du möchtest, dass wir Deine Website technisch prüfen und optimieren?
Kontaktiere uns.

Accessibility Toolbar