// Chrome Extension (Popup)

GTM & CMP Helper

Eine Chrome-Erweiterung für die tägliche Arbeit mit dem Google Tag Manager und Consent-Management-Plattformen. Sie fügt GTM-Container, dataLayer-Pushes und Script-Code in beliebige Seiten ein, setzt den Consent-Zustand von knapp 130 CMPs per Klick zurück und erkennt geladene Google-Tags direkt im Popup.

Ursprünglich als schlanker Ersatz für den „Tag Manager Injector" gestartet (früher unter dem Namen Insert GTM), ist der Helper inzwischen ein kompaktes Werkzeug für Test, Debugging und Consent-Handling - ohne dass der Quellcode einer Website dauerhaft angefasst werden muss.

Die Erweiterung stammt aus dem Analytrix-Umfeld und wird hier weitergeführt. Ein thematischer Nachbar für die Analyse laufender Tracking-Hits ist die Tracking Auditor Extension.

GTM & CMP Helper Popup mit den Bereichen GTM-Container einfügen, dataLayer-Push und Extra-Script-Code
Im Chrome Web Store installieren

// beschriebener Stand: Version 3.6 - CMP-Reset für ca. 130 Tools, Tag-Erkennung & Checkup-Shortcut, abschaltbare GTM-UI-Verbesserungen

GTM-Container & Code einfügen

Nach der Aktivierung lässt sich für alle Seiten des aktuellen Hosts ein GTM-Container temporär einfügen - ohne Eingriff in den Quellcode. Es genügt der komplette Container-Code (ganz ohne <script>-Tags) oder sogar nur die reine GTM-ID: Sie wird beim Verlassen des Feldes automatisch zum vollständigen Loader-Snippet expandiert.

Unabhängig davon lassen sich Schlüssel-Wert-Paare in den dataLayer pushen und beliebiger Script-Code in die Seite einschleusen. Alle drei Bereiche sind einzeln per Schalter aktivierbar und bleiben aktiv, solange die jeweilige Option gesetzt ist - auch auf Folgeseiten desselben Hosts.

Über Erweiterte Einstellungen sind Umgebungs-Variablen (gtm_auth / gtm_preview) für GTM-Environments hinterlegbar. Damit lässt sich unter anderem die GA4 DebugView aktivieren, ohne den Google Tag Assistant zu bemühen. Zusätzlich bestimmt eine Option, ob die Injektion in den <head> (Standard) oder an den Anfang des <body> erfolgt.

Erweiterte Einstellungen mit Feldern für GTM Auth, GTM Preview und der Wahl der Injektions-Position (Head/Body) Erweiterte Einstellungen: Environment-Setup für gtm_auth/gtm_preview und die Wahl der Injektions-Position.

Direkt im Tag Manager: Checkup per Klick

Wird eine Verwaltungsseite des Google Tag Managers geöffnet - deren URL Konto-, Container- und Arbeitsbereichs-ID enthält - zeigt das Icon ein grünes "GTM". Ein Klick öffnet das Popup, aus dem sich mit einem Link direkt eine Container-Analyse über den GTM & CMP Checkup starten lässt. Die Analyse läuft in einem neuen Tab; dafür ist eine Autorisierung des Tools nötig.

Popup-Sektion bei gefundenem Container mit Button für Analytrix-Checkup Container mit einem Klick bei Analytrix checken.

Geladene Google-Tags & Container erkennen

Immer aktiv und ohne spezielle Konfiguration erkennt der Helper die auf der aktuellen Seite geladenen GTM-Container und gtag.js-Tags (GA4, Google Ads …) - erkannt über das window.google_tag_manager JavaScript Objekt und Resource-Timings.

Besonders nützlich ist die Klassifikation des Ladewegs: standard (googletagmanager.com), first-party (server-side GTM / Google Tag Gateway), custom-path oder base64-Tunnel. Die Anzahl erkannter Container erscheint im Toolbar-Badge, die Details (ID, Methode, Host) in einer eigenen Popup-Sektion. Jeder Fund wird zudem als Konsolen-Log ausgegeben.

Popup-Sektion Erkannte Google-Tags & Container mit Container-ID, Ladeweg-Klassifikation und Host Erkannte Google-Tags & Container inkl. Ladeweg.

UI Verbesserungen im Tag Manager

Der GTM selbst ist ein Werkzeug mit Potenzial für Verbesserungen. War er schon immer. Manchmal sind es nur Kleinigkeiten, die zur Stolperfalle oder ärgerlichem Produkivitätskiller werden. Diese Extension behandelt einige davon. Voreingestellt sind alle Anpassungen aktiv, solange Zugriff auf die GTM Domain besteht - seit Version 3.6 lässt sich jede davon aber einzeln im Popup abschalten, ebenso die gesamte Gruppe über den Schalter der Karte. Damit kommt sich der Helper weder mit anderen GTM-Extensions noch mit eigenen Gewohnheiten in die Quere. Wem das nicht genügt, der kann der Extension nach wie vor den generellen Zugriff auf googletagmanager.com untersagen und erst bei Klick einschalten.

Popup-Karte GTM-Oberfläche verbessern mit Schaltern für die einzelnen Funktionen Jede Verbesserung einzeln schaltbar - die Karte ist nur bedienbar, wenn ein Tab mit dem Tag Manager offen ist.

Weniger Scrollen, bitte!

GTM ist bei größeren Anpassungen und Ergänzungen oft sehr umständlich. Lange Listen von Tags, Triggern und Variablen sorgen dafür, dass zum Wechsel des Bereichs über die Navigation oder Erreichen der Suchfunktion bzw. des Buttons zur Neuanlage eine ganze Menge Scroll-Arbeit anfällt. Weil Menü und Toolbars der Listen leider nicht fixiert sind, sondern mit dem Inhalt der Seite nach oben verschwinden. Das ist gerade beim Menü vollkommen sinnlos, da der Platz darunter verloren ist. Die folgenden Funktionen sorgen dafür, dass diese wichtigen Elemente stets erreichbar bleiben:

  • Fixierte Navigation: Die Bereichsnavigation wird fixiert ("sticky"). Damit bleibt sie beim Scrollen langer Listen sichtbar, statt nach oben wegzuscrollen. Der typischerweise öfters erforderliche Wechsel zwischen Tags, Triggern und Variablen wird so deutlich einfacher.
  • Fixierbare Suchleiste: Ein Schalter in der Titelleiste von Tags, Triggern und Variablen hält Titel, Suche und Schaltflächen auf gleiche Weise optional beim Scrollen oben fest, um die Funktionen immer griffbereit zu haben.
  • Integrierte Variablen ausblenden: Ein Schieberegler blendet die eher selten benötigte Liste der built-in Variablen bis zum nächsten Klick dauerhaft aus, damit die benutzerdefinierten Variablen ohne unnötiges Scrollen erreichbar sind.
Fixierte Steuerelemente im UI Weniger scollen dank fixierter Menüs.
Ausgeblendete built-in Variablen im GTM Built-in Variablen ausblenden = Schnellerer Zugang zu benutzerdefinierten Variablen.

Sortierung von Parametertabellen

Suchtabellen, Ereignisparameter und vergleichbare Schlüssel-Wert-Listen lassen sich durch in das UI eingefügte Buttons unterhalb der Listen alphabetisch auf- und absteigend sortieren. Diese Schalter werden sowohl für die Werte der ersten und zweiten Spalte angeboten. Bei Suchtabellen also z. B. nach Eingabe- oder Ausgabewerten. In Parameterlisten entsprechend entweder nach Key oder Value.

Sortierung von Parameterlisten per Klick Buttons zum Sortieren nach Eingangs- oder Ausgangswert der Suchtabelle.

Die Schalter erscheinen nur an Tabellen, die sich verlustfrei sortieren lassen (also nur Eingabefelder und keine Auswahllisten o. Ä. enhalten). Selbst wenn das Sortieren nicht immer zielführend und die Reihenfolge - wie bei RegEx Tabellen - unter Umständen kontraproduktiv ist, ist so gerade bei langen Listen durch Sortierung schnell zu ermitteln, ob es ungewollte Lücken oder Doublettem in den Werten gibt. Im Zweifelsfall kann man den sortierten Zustand also ggf. nicht sinnvoll speichern, aber dennoch Nutzen daraus ziehen.

Variablen direkt aus dem Tag heraus bearbeiten

Verweist ein Feld eines Tags oder Triggers auf eine Variable - also auf etwas in der Form {{Meine Variable}} -, erscheint seit Version 3.6 unter dem Feld ein Chip mit deren Namen.

Eingabefeld Mess-ID mit der Referenz GA4 Measurement Id und dem Chip zum Öffnen der Variablen darunter

Ein Klick öffnet die Definition dieser Variablen direkt über dem Tag, ohne den Umweg über die Variablenliste. Nach dem Schließen steht man wieder genau an der Stelle, an der man aufgehört hat - statt sich den Weg zurück zum Tag suchen zu müssen. Gerade bei der Fehlersuche in verschachtelten Setups spart das eine Menge Klicks.

Warnung im Sende-Dialog

Im GTM heißt der Button für den Abschluss der Arbeiten an einem Workspace zur Generierung einer neuen Version stets Senden - egal, ob die Änderung dabei auch gleich veröffentlicht oder nur die neue Version erstellt wird. Man kann daher schnell übersehen, dass die vermeintlich gerade veröffentlichte Version noch eine Freigabe erfordert. Ein CSS-Hinweis färbt den Button daher orange und hebt die Option "Version erstellen" hervor, wenn keine Veröffentlichung erfolgt oder nicht im Scope der Zugriffsrechte ist.

Buttons in orange bei fehlenden Veröffentlichungsrechten

So ist sofort erkennbar, wenn Änderungen nicht live gehen.

Dark Mode & Sprache

Das Popup ist standardmäßig im Dark Mode gehalten und lässt sich per Schalter auf ein helles Theme umstellen. Die Oberfläche ist zweisprachig verfügbar (Deutsch / Englisch). Erklärungen zu den einzelnen Funktionen stehen seit Version 3.6 auf einer eigenen Info-Ansicht, erreichbar über das i-Symbol neben dem Titel.

GTM & CMP Helper Popup im hellen Theme Popup im Light Theme - umschaltbar über das Sonne/Mond-Symbol oben rechts.

Installation

Die Erweiterung ist kostenlos im Chrome Web Store verfügbar. Nach der Installation muss sie je nach Einstellung per Klick aktiviert werden; danach öffnet ein Klick auf das Symbol das Popup. Solange die Extension zugriff auf eine Seite hat (GTM oder besuchte Websites), sind die entsprechenden Funktionen wie Anzeige geladener Google-Tags oder Optimierung des GTM UI stets aktiv. Der Quellcode steht auf GitHub bereit und lässt sich alternativ über chrome://extensions/ per "Load unpacked" einbinden.

Chrome Web Store

Installation mit einem Klick.

Installieren

GitHub

Quellcode & Dokumentation.

Zum Repository

Hinweis: Alle Einstellungen (Container-Code etc.) werden im localStorage der jeweiligen Website gespeichert. Für getrennte Hosts wie www, shop oder blog - ebenso im Cross-Domain-Betrieb - ist der Code daher ggf. mehrfach zu hinterlegen.