Google Tag Code Generator — gtag.js, GA4, Google Ads und Tag Manager

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.

Aktualisiert am

Im <head>, so weit oben wie möglich

Direkt nach dem öffnenden <body>-Tag

In Webflow fügst du den Head-Code unter Site-Einstellungen → Benutzerdefinierter Code → Head-Code ein. Nutzt du den Cookie-Banner-Generator? Dann setze dessen erstes Snippet oberhalb dieses Codes.

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

So nutzt du: Google Tag Code Generator

  1. Wähle Google-Tag, wenn du GA4 oder Google Ads direkt installieren willst, oder Tag Manager, wenn du Tags in einem GTM-Container verwaltest.
  2. Trage deine IDs ein: die GA4-ID findest du unter Verwaltung → Datenstreams, die Container-ID oben im Tag Manager.
  3. Lass die Consent-Mode-v2-Standardwerte aktiv, wenn du ein Cookie-Banner anzeigst, und ergänze nur die Optionen, die du brauchst.
  4. Füge den Head-Code in jede Seite ein (Webflow: Site-Einstellungen → Benutzerdefinierter Code), veröffentliche die Seite und prüfe den Bericht Echtzeit oder DebugView.

Was jede Option hinzufügt

  • Consent-Mode-v2-Standardwerte — gtag('consent', 'default', …) setzt ad_storage, ad_user_data, ad_personalization und analytics_storage auf denied, bevor ein Tag ausgeführt wird. Mit wait_for_update bekommt ein Banner Zeit zum Laden. Dein Banner ruft danach gtag('consent', 'update', …) auf.
  • Debug-Modus — debug_mode: true sendet Events an DebugView in GA4. Schalte ihn vor dem Livegang wieder aus, sonst fließt der Debug-Traffic für einige Minuten in deine Berichte ein.
  • Manuelle Seitenaufrufe — send_page_view: false unterdrückt den automatischen Seitenaufruf. Das ist für Single-Page-Apps gedacht, die bei jedem Routenwechsel page_view senden.
  • Cross-Domain-Tracking — linker.domains fügt den Parameter _gl zu Links zwischen deinen Domains hinzu, sodass ein Besuch über mehrere Domains eine Sitzung bleibt. Außerdem müssen die Domains in den Einstellungen des GA4-Datenstreams eingetragen sein.
  • User-ID — user_id verknüpft die Besuche einer Person über mehrere Geräte hinweg. Es muss sich um deine eigene interne ID handeln. Die Google-Richtlinien verbieten es, E-Mail-Adressen, Namen oder andere personenbezogene Daten zu senden.

Google-Tag oder Tag Manager?

Das Google-Tag (gtag.js) ist der kürzeste Weg, GA4 oder Ads auf einer Website einzubinden. Der Tag Manager lädt einen Container, den du in seiner Weboberfläche bearbeitest. So können Marketingteams Tags, Trigger und Pixel hinzufügen, ohne den Code anzufassen. Das ist die bessere Wahl, wenn eine Website viele Tags hat. Verwende für dieselbe GA4-Property nur eine der beiden Methoden, nicht beide, sonst wird jeder Seitenaufruf doppelt gezählt. Events sendest du anschließend mit dem GA4-Event-Code-Generator, und mit dem Tracking-Tag-Checker prüfst du, ob die Tags laden.

Auch gesucht als: gtag code generator, ga4 installationscode, gtag.js code erstellen, google tag manager snippet, gtm installationscode, google ads conversion tag, consent mode default code, ga4 cross domain tracking code.

Passende Tools zu: Google Tag Code Generator

  • Event-Tracking-Script-Generator — Tracke Button-Klicks, Links und Formular-Absendungen, indem du Attribute statt Code hinzufügst: data-track="sign_up_click" plus optionale data-track-*-Parameter.
  • Cookie-Banner Generator — Füge jeder Website – Webflow, WordPress, Shopify oder reinem HTML – ein Cookie-Banner hinzu, ganz ohne kostenpflichtiges Plugin.
  • UTM-Builder — Füge utm_source, utm_medium, utm_campaign und Co.
  • GA4 Request Decoder — Debugge Google Analytics 4 ohne Rätselraten.

Häufige Fragen

Wo finde ich meine GA4-Mess-ID?
In Google Analytics gehst du zu Verwaltung → Datenstreams, öffnest deinen Web-Stream und kopierst die ID, die mit G- beginnt.
Kann ich GTM und gtag.js gleichzeitig installieren?
Ja, aber lade nicht dieselbe GA4-Property in beiden, sonst werden Seitenaufrufe doppelt gezählt. Wenn du den Tag Manager nutzt, füge GA4 innerhalb des Containers hinzu.
Berücksichtigt dieser Code die Cookie-Einwilligung?
Mit aktivierten Consent-Mode-v2-Standardwerten speichern Google-Tags keine Cookies, bis dein Banner eine Einwilligung übermittelt. Ohne Banner, das Einwilligungen sendet, bleibt Analytics im cookielosen Modus.
Wie prüfe ich, ob der Tag funktioniert?
Aktiviere den Debug-Modus und öffne in GA4 Verwaltung → DebugView, oder beobachte den Bericht Echtzeit. Die Browser-Erweiterung Google Tag Assistant zeigt jeden Tag, den eine Seite lädt.
Kann ich Google Tag Code Generator als Web-App installieren und offline nutzen?
Ja. Google Tag 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