Google Tag Manager einrichten und erster Tag

01Was ist GTM und wofür braucht man es?

Der Google Tag Manager (GTM) ist ein kostenloses Tag-Management-System, mit dem Sie alle Analyse-, Werbe- und Messcodes Ihrer Website in einem einzigen Panel verwalten. Auf der Website wird nur einmal der Container-Code eingefügt; andere Codes wie GA4, Google Ads oder der Meta-Pixel werden aus diesem Container heraus ausgeführt.

Der größte Vorteil: Bei jedem neuen Messbedarf sind Sie nicht auf Entwickler und Code-Releases angewiesen. Das Marketingteam bereitet einen neuen Conversion-Tag im Panel vor, testet ihn in der Vorschau und veröffentlicht ihn. Da jede Veröffentlichung als Version gespeichert wird, lässt sich eine fehlerhafte Änderung mit einem Klick zurücknehmen.

GTM bringt aber auch Verantwortung mit: Jeder, der Zugriff auf den Container hat, kann Code in die Website einfügen. Deshalb sollten Sie Berechtigungen sorgfältig vergeben und überflüssige Tags regelmäßig entfernen.

02Tag, Trigger und Variable

Der Schlüssel zum Verständnis von GTM sind drei Grundbegriffe. Jede Einrichtung besteht darin, diese drei Teile miteinander zu verbinden.

Was ist der Data Layer?

Der Data Layer ist ein gemeinsames JavaScript-Array, über das Ihre Website Informationen an GTM weitergibt. Daten, die auf der Seite nicht sichtbar sind, etwa Bestellnummer, Produktinformationen oder Formularname, schreiben Sie dorthin; GTM liest sie als Variablen aus und reicht sie an Tags weiter. So steht die Messung auf einem stabilen Fundament, das nicht kaputtgeht, wenn sich das Seitendesign ändert.

03Konto und Container anlegen

Rufen Sie tagmanager.google.com mit dem Google-Konto des Unternehmens auf. Konto und Container sollten auf den Namen des Unternehmens angelegt werden; der Agentur geben Sie nur Nutzerrechte. Endet die Zusammenarbeit, bleibt Ihre Messinfrastruktur bei Ihnen.

1. Klicken Sie auf Konto erstellen, tragen Sie als Kontonamen Ihren Firmennamen ein und wählen Sie das Land.
2. Geben Sie als Containernamen die Adresse Ihrer Website ein und wählen Sie als Zielplattform Web.
3. Akzeptieren Sie die Nutzungsbedingungen; danach werden die Installationscodes angezeigt.
4. Notieren Sie die Container-ID, die mit GTM- beginnt.

04Container-Code in die Website einbauen

GTM liefert zwei Code-Abschnitte. Der erste gehört in den head-Bereich jeder Seite, so weit oben wie möglich. Der zweite ist die Ausweichlösung für Browser ohne JavaScript und wird direkt nach dem öffnenden body-Tag eingefügt. Nutzen Sie ein gemeinsames Template oder eine Header-Datei, genügt es, den Code an einer einzigen Stelle einzufügen, um alle Seiten abzudecken.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Einbau über das Systempanel

Viele fertige Systeme bieten ein eigenes Feld für die Container-ID und platzieren den Code selbst an den richtigen Stellen. Beim Shopsystem von Aurora wird der Google-Tag-Manager-Code im Panel eingetragen, und ein Live-Kontrollbildschirm zeigt, ob der Code tatsächlich arbeitet.

05Der erste Tag: Google-Tag für GA4

Nachdem der Container geladen ist, besteht der erste Schritt meist darin, die GA4-Messung über GTM zu starten. Haben Sie noch keine GA4-Property, holen Sie sich zuerst über die Schritte der Google-Analytics-4-Einrichtung die Mess-ID.

Das Google-Tag erfasst Seitenaufrufe und die Ereignisse der erweiterten Messung. Für zusätzliche Ereignisse legen Sie eigene GA4-Ereignis-Tags an, tragen Mess-ID und Ereignisnamen ein und verknüpfen sie mit dem passenden Trigger. Für Google-Ads-Conversions gilt dieselbe Logik: Mit der Conversion-ID und dem Label aus Ihrem Google-Ads-Konto erstellen Sie einen Google-Ads-Conversion-Tracking-Tag und binden ihn an die Dankeseite oder das Kaufereignis. Halten Sie in den Tag-Namen die Reihenfolge Tool, Typ und Zweck ein, finden Sie auch in einem wachsenden Container schnell, was Sie suchen.

1. Klicken Sie im Menü Tags auf Neu und geben Sie dem Tag einen verständlichen Namen (z. B. GA4 - Google-Tag).
2. Wählen Sie in der Tag-Konfiguration den Typ Google-Tag und tragen Sie Ihre Mess-ID ein, die mit G- beginnt.
3. Wählen Sie im Bereich Trigger den Trigger Initialization - All Pages (Initialisierung - Alle Seiten); so wird der Tag vor den anderen Tags geladen.
4. Speichern Sie. Der Tag ist noch nicht live; als Nächstes folgen Vorschau und Veröffentlichung.

06Ereignisse über den Data Layer senden

Bei wichtigen Momenten wie einer Formularübermittlung oder einem Kauf schreibt die Website am besten ein Ereignis in den Data Layer: Das ist die zuverlässigste Messmethode. Trigger, die auf sichtbaren Elementen wie Klicks oder Seitenadressen beruhen, können unbemerkt kaputtgehen, wenn sich das Design ändert.

Im folgenden Beispiel wird bei erfolgreich gesendetem Formular ein Ereignis namens form_gonderildi geschrieben. In GTM legen Sie einen Trigger vom Typ Benutzerdefiniertes Ereignis mit dem Ereignisnamen form_gonderildi an und verknüpfen den GA4-Ereignis-Tag mit diesem Trigger. Um den Formularnamen auszulesen, definieren Sie eine Variable vom Typ Data-Layer-Variable mit dem Namen form_adi.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'form_gonderildi',
  form_adi: 'teklif_formu'
});

Bei Single-Page-Anwendungen (SPA)

In Single-Page-Anwendungen mit React oder Vue laden Seitenwechsel den Browser nicht neu. Dann können Sie den Trigger Verlaufsänderung (History Change) verwenden oder den Router bei jedem Seitenwechsel ein Ereignis in den Data Layer schreiben lassen. Die Projekteinrichtung haben wir im Ratgeber React mit Vite einrichten beschrieben.

07Vorschau, Test und Veröffentlichung

Veröffentlichen Sie keine Änderung ungetestet. Die Schaltfläche Vorschau oben rechts öffnet den Tag Assistant; geben Sie die Adresse Ihrer Website ein, öffnet sich die Seite im Debug-Modus, und Sie sehen bei jeder Seite oder jedem Ereignis genau, welcher Tag ausgelöst wurde und welcher nicht.

Sind Sie mit dem Test zufrieden, klicken Sie auf Senden und geben der Version einen aussagekräftigen Namen und eine kurze Notiz. Wenn Sie im Versionsnamen festhalten, was sich geändert hat, finden Sie Monate später bei einem Messproblem leichter heraus, welche Änderung es ausgelöst hat.

• Prüfen Sie auch in der DebugView von GA4, dass die Ereignisse ankommen.
• Gibt es Probleme, können Sie im Menü Versionen die vorherige Version erneut veröffentlichen.
• Legen Sie in größeren Teams getrennte Arbeitsbereiche an, damit sich Änderungen nicht vermischen.

08Häufige Fehler und Best Practices

Mit der Zeit sammeln sich im Container ungenutzte Tags an, und jeder davon belastet den Seitenaufbau. Wenn Sie den Container alle drei Monate durchsehen und ungenutzte Tags pausieren, verringern Sie sowohl das Messchaos als auch die Belastung der Seitengeschwindigkeit; das ist auch ein fester Bestandteil unserer Speed- und Performance-Optimierung.

Werbe- und Mess-Tags dürfen nicht ausgeführt werden, bevor die Einwilligung des Besuchers vorliegt. Die Einwilligungseinstellungen von GTM und die Consent-Mode-Konfiguration steuern diesen Ablauf. Dieser Beitrag gibt allgemeine Hinweise; prüfen Sie für Ihre Cookie-Einwilligung die aktuelle Rechtslage (DSGVO bzw. KVKK, das türkische Datenschutzgesetz) und lassen Sie sich rechtlich beraten.