GA4 Event-Code-Generator — gtag, dataLayer und Measurement Protocol

Wähle ein empfohlenes GA4-Event — generate_lead, sign_up, purchase, add_to_cart und weitere — oder vergib einen eigenen Namen, fülle die Parameter und Artikel aus und kopiere den Code als gtag(), als Tag-Manager-dataLayer.push() oder als serverseitige Measurement-Protocol-Anfrage. Namen und Werte werden beim Tippen gegen die Limits von GA4 geprüft.

Aktualisiert am

Artikel

Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

So nutzt du: GA4 Event-Code-Generator

  1. Wähle ein empfohlenes Event, um dessen Standardparameter zu erhalten, oder wähle Eigenes Event und gib einen Namen wie newsletter_signup ein.
  2. Fülle die Parameter aus oder füge weitere hinzu. Ecommerce-Events bekommen außerdem eine Liste Artikel mit Schaltflächen zum Hinzufügen und Entfernen.
  3. Wähle das Format: gtag() für Seiten mit dem Google-Tag, dataLayer für den Tag Manager oder Measurement Protocol für serverseitige Events.
  4. Optional kannst du den Code in einen Klick- oder Formular-Absende-Listener einbauen, ihn kopieren und das Event in der GA4-DebugView prüfen.

Empfohlene Events vs. eigene Events

GA4 kennt empfohlene Events — etwa generate_lead, sign_up, login, search und das Ecommerce-Set von view_item bis purchase — und füllt seine eingebauten Berichte damit. Verwende sie immer, wenn eines passt. Für alles andere funktioniert ein eigenes Event genauso; registriere seine Parameter als benutzerdefinierte Dimensionen unter Admin → Benutzerdefinierte Definitionen, damit du sie in den Berichten siehst.

Die Prüfungen

  • Event- und Parameternamen: beginnen mit einem Buchstaben, enthalten nur Buchstaben, Zahlen und Unterstriche, sind maximal 40 Zeichen lang und dürfen keine reservierten Präfixe (google_, ga_, firebase_) oder reservierten Eventnamen verwenden.
  • Maximal 25 Parameter pro Event, und Parameterwerte bis zu 100 Zeichen.
  • Ecommerce: value braucht eine currency, purchase braucht eine eindeutige transaction_id, und jeder Artikel braucht eine item_id oder einen item_name.

Drei Wege, das Event zu senden

gtag() sendet direkt an GA4. Beim Tag Manager übergibt dataLayer.push() das Event an den Container, wo ein Trigger für benutzerdefinierte Events und ein GA4-Event-Tag es weiterleiten. Ecommerce-Pushes werden von { ecommerce: null } eingeleitet, damit alte Artikel nicht ins nächste Event übernommen werden. Das Measurement Protocol sendet Events von deinem Server, etwa für Vorgänge außerhalb der Seite wie eine verlängerte Abo-Zahlung oder einen Offline-Verkauf. Um Klicks zu tracken, ohne für jeden Button Code zu schreiben, nutze den Event-Tracking-Skript-Generator.

Auch gesucht als: ga4 event generator, gtag event code, ga4 event code erstellen, ga4 custom event, ga4 empfohlene events, ga4 ecommerce code, gtag purchase event, ga4 event parameter.

Passende Tools zu: GA4 Event-Code-Generator

  • Google Tag Code Generator — Trage deine GA4-Mess-ID, Google-Ads-ID oder Tag-Manager-Container-ID ein und erhalte sofort einsatzbereiten Installationscode – mit Consent-Mode-v2-Standardwerten, Cross-Domain-Verknüpfung, Debug-Modus, manuellen Seitenaufrufen und Cookie-Einstellungen, die nur aktiviert werden, wenn du sie brauchst.
  • dataLayer Push Generator — Erstelle dataLayer.push()-Code für den Google Tag Manager: Wähle ein empfohlenes GA4-Event oder ein eigenes, füge Parameter und Ecommerce-Items hinzu und packe den Code optional in einen Klick- oder Formular-Absende-Listener – fertig zum Einfügen.
  • GA4 Request Decoder — Debugge Google Analytics 4 ohne Rätselraten.
  • UTM-Builder — Füge utm_source, utm_medium, utm_campaign und Co.

Häufige Fragen

Wie sende ich ein eigenes Event an GA4?
Rufe gtag('event', 'dein_event_name', { param: 'wert' }) auf, nachdem das Google-Tag geladen ist. Wähle hier Eigenes Event, gib Namen und Parameter ein und kopiere den Code.
Warum erscheinen meine Event-Parameter nicht in den Berichten?
Benutzerdefinierte Parameter tauchen in den Standardberichten erst auf, nachdem du sie unter Admin → Benutzerdefinierte Definitionen registriert hast. Daten von vor der Registrierung werden nicht nachträglich befüllt.
Was ist der Unterschied zwischen gtag und dataLayer.push?
gtag() ist ein kleiner Wrapper, der für das Google-Tag in den dataLayer schreibt. Mit dem Tag Manager schickst du einfache Objekte mit einem event-Schlüssel, und die Trigger im Container entscheiden, was passiert.
Brauchen Measurement-Protocol-Events eine Client-ID?
Ja. Verwende die client_id aus dem _ga-Cookie des Besuchers, um Server-Events mit seiner Web-Session zu verknüpfen, oder eine eigene stabile ID für Events ohne Webbesuch.
Kann ich GA4 Event-Code-Generator als Web-App installieren und offline nutzen?
Ja. GA4 Event-Code-Generator ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.

Ähnliche Tools