Google Tag Manager in deine Website einbinden (Einrichtung) | We.Inc
Installiere Google Tag Manager so, wie Google es dokumentiert: Head- und Body-Snippets, ein GA4-Google-Tag, Vorschaumodus und Tracking für Single-Page-Apps. Snippet-Generator für deine GTM-ID.
Erstelle in Tag Manager einen Container, um eine ID wie GTM-ABCD123 zu erhalten. Füge Googles erstes Snippet so weit oben im <head> wie möglich ein und das zweite, ein noscript-iframe, direkt nach dem öffnenden <body>-Tag auf jeder Seite. Füge dann Tags, etwa dein Google-Analytics-Tag, in Tag Manager hinzu und veröffentliche.
Die Einrichtung auf einen Blick
Schritt
Wo
Was du tust
1. Container erstellen
Wähle Web als Plattform und notiere die GTM-ID
2. Snippets installieren
Im HTML oder in den Theme-Einstellungen deiner Website
Head-Snippet weit oben im <head>, noscript-Snippet direkt nach <body>
3. Tag hinzufügen
Tag-Manager-Arbeitsbereich
Für Analytics: Tag-Typ Google-Tag mit deiner G-ID
4. Testen
Vorschau-Button
Tag Assistant verbindet sich mit deiner Website und zeigt, welche Tags ausgelöst wurden
5. Veröffentlichen
Senden im Arbeitsbereich
Nichts geht auf deiner Website live, bevor du veröffentlichst
Google Tag Manager ist ein kostenloser Container für Tracking-Codes. Statt das Script jedes Tools in deine Website einzufügen, installierst du einmal einen Container und fügst dann Tags (kleine Scripts für Analytics, Werbung und ähnliche Tools) über die Website von Tag Manager hinzu, änderst oder entfernst sie. Gib deine Container-ID in den Generator ein, um beide Snippets fertig zum Einfügen zu bekommen.
Gib deine Container-ID ein. Der Generator prüft, ob sie wie GTM- gefolgt von Buchstaben und Zahlen aussieht.
Kopiere das Head-Snippet in den <head> jeder Seite, so weit oben wie möglich.
Kopiere das Body-Snippet in die Zeile direkt nach dem öffnenden <body>-Tag.
Öffne Tag Manager, klicke auf Vorschau, gib die Adresse deiner Website ein und prüfe, ob Tag Assistant Verbunden meldet.
Installiere einen Container pro Website. Googles Leitfaden zur Datenschicht warnt, dass mehr als eine Datenschicht pro Seite Tags falsch auslösen lässt.
Wenn eine Seite Daten für Tags setzt, schreib window.dataLayer = window.dataLayer || []; und deine push-Aufrufe über das Container-Snippet.
Entferne direkt eingefügten Analytics-Code, bevor du dasselbe Tag in Tag Manager hinzufügst, sonst wird jeder Besuch doppelt gezählt.
Viele Website-Baukästen haben ein Feld für eine GTM-ID. Nutze es, wenn deiner eins hat, und füge nichts von Hand ein.
Häufige Fragen
Wo genau kommt der Google-Tag-Manager-Code hin?
Googles Installationshilfe sagt, dass du den ersten Block so weit oben im <head>-Tag wie möglich und den zweiten Block direkt nach dem öffnenden <body>-Tag einfügen sollst, auf jeder Seite der Website.
Brauche ich den noscript-Teil noch?
Google nimmt ihn in den Installationscode auf. Es ist ein iframe in einem noscript-Element, das Browser nur nutzen, wenn JavaScript ausgeschaltet ist. Füge ihn genau so ein, wie Google ihn dir gibt.
Wie füge ich Google Analytics 4 über Tag Manager hinzu?
Füge in Tag Manager ein neues Tag hinzu, wähle Google-Tag als Typ und gib deine Tag-ID ein, die mit G- beginnt. Wähle einen Initialisierungs-Trigger, speichere, teste in der Vorschau und veröffentliche dann.
Warum erfasst Tag Manager in meiner Single-Page-App keine Seitenwechsel?
Apps, die Seiten ohne Neuladen wechseln, lösen keinen neuen Seitenaufruf aus. Nutze den Trigger Verlaufsänderung, der laut Google ausgelöst wird, wenn sich das URL-Fragment ändert oder die Website die HTML5-pushState-API nutzt.
Ist Google Tag Manager kostenlos?
Die Standardversion ist kostenlos nutzbar. Google verkauft außerdem Tag Manager 360 als Teil seiner Enterprise-Produkte.
Mit dem Vorschaumodus testen
Klicke in deinem Arbeitsbereich oben rechts auf Vorschau. Tag Assistant öffnet sich in einem neuen Tab: Gib die Adresse deiner Website ein und klicke auf Verbinden. Deine Website öffnet sich in einem neuen Fenster und zeigt in der Ecke Verbunden an.
Klicke zurück im Tab von Tag Assistant auf Weiter, um jedes Ereignis und die ausgelösten Tags zu sehen. Behebe alles, was nicht ausgelöst wurde, bevor du veröffentlichst.
Eigene Ereignisse senden
Die Datenschicht ist ein JavaScript-Array, das Informationen an Tag Manager übergibt. Pushe ein Objekt mit einem event-Schlüssel, etwa eine Newsletter-Anmeldung, und lege einen Trigger Benutzerdefiniertes Ereignis mit demselben Namen an.
Googles Leitfaden sagt, dass die Datenschicht Groß- und Kleinschreibung unterscheidet, also funktioniert dataLayer und datalayer nicht, und dass du nur in sie pushen, sie aber nie neu zuweisen sollst.
Ein Ereignis in die Datenschicht pushen
Nutze das, wenn etwas passiert, das Tag Manager nicht selbst sehen kann, etwa ein Formular, das sendet, ohne die Seite zu verlassen.
Ereignis für Newsletter-Anmeldung
Lege in Tag Manager einen Trigger Benutzerdefiniertes Ereignis namens newsletter_signup an, um damit Tags auszulösen.
Trigger, die du zuerst nutzen wirst
Gängige Trigger in Tag Manager
Trigger
Wird ausgelöst, wenn
Typische Verwendung
Initialisierung
Vor allen anderen Triggern außer Einwilligungsinitialisierung
Google-Tag für Analytics
Seitenaufruf
Wenn der Browser beginnt, eine Seite zu laden
Die meisten anderen Tags auf Seitenebene
Verlaufsänderung
Das URL-Fragment ändert sich oder die Seite ruft pushState auf
Seitenaufrufe in Single-Page-Apps
Benutzerdefiniertes Ereignis
Dein Code pusht ein passendes Ereignis in die Datenschicht
Formularversand, Anmeldungen, Buchungen
Klick
Ein Besucher klickt auf ein Element oder einen Link
Klicks auf Telefon- und E-Mail-Links
Snippet-Generator
Gib deine Container-ID von oben in deinem Tag-Manager-Arbeitsbereich ein. Alles wird in deinem Browser erstellt.
Container-ID
Sieht richtig aus. Füge beide Snippets auf jeder Seite ein.
Das sieht nicht wie eine Container-ID aus. Sie sollte mit GTM- beginnen, gefolgt von Buchstaben und Zahlen.