Chrome-Erweiterung GTM Helper von Stape: Hauptfunktionen und Anwendungsfälle

Die GTM-Vorschauoberfläche birgt zahlreiche Herausforderungen — viele haben sicherlich Bereiche bemerkt, die verbessert werden könnten. Daten können oft schwer lesbar sein, und die Navigation in der GTM-Vorschau kann in großen Containern mit vielen aktiven Tags mühsam werden. Genau hier helfen Browser-Erweiterungen: Sie machen Daten übersichtlicher und die Navigation einfacher.

Deshalb hat das Stape-Team eine einfache Chrome-Erweiterung entwickelt, um die GTM-Vorschau zu verbessern. Das gesamte GTM-Team nutzt sie, daher wissen wir, dass sie vielen Menschen helfen wird.

Stape GTM Helper ist eine kostenlose Chrome-Erweiterung, die das Debugging-Erlebnis im Vorschaumodus von Google Tag Manager verbessern soll. Das Tool bietet mehrere Funktionen für Web- und Server-GTM-Container. Mit dieser Erweiterung können Sie einfach durch ausgelöste Tags navigieren, fehlgeschlagene schnell identifizieren, sich nur auf die Tags konzentrieren, die Sie testen, und weitere Funktionen nutzen, die wir im Folgenden im Detail vorstellen.

Stape GTM Helper ist hilfreich für alle, die das Daten-Tracking mit GTM konfigurieren. Es kann von Daten-Tracking-Spezialisten, Datenanalysten, Freelancern oder Agenturen genutzt werden, die ein praktisches Tool zur Vereinfachung des Debugging-Prozesses benötigen.

Stape GTM Helper bietet folgende Vorteile:

• Gezieltes Tag-Testing. Filtern Sie und konzentrieren Sie sich auf die Tags, die Sie gerade testen müssen. Besonders hilfreich, wenn Sie mehrere Entitäten in Ihrem GTM-Container haben.
• Einfache Identifikation des Tag-Status. Wenn Sie mehrere Tags in einem GTM-Container haben, ist es beim Debugging entscheidend, durch sie zu navigieren, um herauszufinden, welche Tags ausgelöst wurden und welche fehlgeschlagen sind. Stape GTM Helper fügt den beliebtesten Tags eine Farbcodierung hinzu und hebt den Status hervor.
• Lesbarkeit der Anfrageparameter. Mit aktivierter Stape-Erweiterung werden eingehende und ausgehende JSON-Anfragen sowie die Anfrage-URL strukturiert und leicht lesbar dargestellt. Die Funktion ist nützlich für sGTM-Nutzer, die eingehende und ausgehende Anfragen einsehen müssen.
• Klarer Einwilligungsstatus in sGTM. Der Einwilligungsstatus kann beim Debugging in server GTM nur in den Anfrageparametern eingesehen werden. Die Stape GTM Chrome-Erweiterung zeigt die vier wichtigsten Einwilligungsstatus in der Server-Vorschau an.
• Einfaches Debugging der Checkout-Seite in Shopify. Aufgrund der Sandbox auf der Checkout-Seite in Shopify kann das Beheben von Problemen in diesem Teil der Konfiguration schwierig sein. Unsere Chrome-Erweiterung ermöglicht es Ihnen, das GTM-Snippet auf der Checkout-Seite einzubinden und die Konfiguration einfach zu debuggen.
• Massenauswahl von GTM-Container-Entitäten. Wählen Sie mehrere Elemente aus, um sie in einem einzigen Schritt zu ändern, anstatt jedes einzeln anzuklicken.
• Analyse der Tracking-Konfiguration. Die Scanner-Funktion analysiert die Seite, die Sie gerade aufrufen, und erstellt einen Bericht mit Empfehlungen zur Verbesserung des web- und serverseitigen Trackings.

Wenn Sie mehrere Entitäten in Ihrem Container haben und nur einige davon testen möchten, können Sie ausschließlich die benötigten herausfiltern, um das Debugging zu erleichtern.

Diese Funktion ist sowohl für Web- als auch für Server-GTM-Container verfügbar und kann im Vorschaumodus verwendet werden.

Diese Funktion erleichtert das Lesen von eingehenden und ausgehenden JSON-Anfragen in der sGTM-Vorschau. Sie ist besonders nützlich für Webhooks und zur Überprüfung der Daten, die von Tags gesendet werden.

Hier ein Beispiel dafür, was Sie ohne die Erweiterung erhalten:

Und hier sehen Sie, was Sie mit der Erweiterung erhalten:

Diese Funktion erleichtert das Lesen von abgefragten Parametern in URL-Anfragen. Sie ist am nützlichsten beim Anzeigen von eingehenden und ausgehenden GA4-Anfragen.

Hier ein Beispiel dafür, was Sie ohne die Erweiterung erhalten:

Und hier sehen Sie, was Sie mit dem Stape GTM Helper erhalten:

Sie können die Anfrage-URL-Daten auch im JSON-Format anzeigen und durch Klicken auf die entsprechenden Schaltflächen kopieren.

Diese Funktion fügt eine Farbcodierung und das Logo der Plattform für die beliebtesten Tags hinzu (Meta, GA4, Google Ads, Microsoft usw.). Sie funktioniert sowohl in der Web- als auch in der Server-Vorschau und erleichtert die Navigation durch ausgelöste Tags, wenn viele davon im Container vorhanden sind.

Hier ein Beispiel dafür, was Sie ohne die Erweiterung erhalten:

Und hier sehen Sie, was Sie mit der Erweiterung erhalten:

Sie hilft dabei, Tags mit dem Status Failed oder Anfragen mit dem Status 4xx oder 5xx zu verfolgen. Sie funktioniert in der Server- und der Web-Vorschau.

Hier ein Beispiel dafür, was Sie ohne die Erweiterung erhalten:

Und hier sehen Sie, was Sie mit der Erweiterung erhalten:

Beim Debuggen einer Shopify-Konfiguration ist der GTM-dataLayer auf der Checkout-Seite nicht sichtbar, da Shopify den Zugriff auf die Checkout-Umgebung einschränkt. Der Checkout ist isoliert und erlaubt keine uneingeschränkte DOM-Manipulation oder Skripteinbindung, wie es auf anderen Shopify-Seiten möglich ist.

Sie können jedoch das GTM-Snippet manuell auf der Checkout-Seite einfügen, um den Vorschaumodus für diesen Teil Ihrer Konfiguration auszuführen. Mit der Chrome-Erweiterung Stape GTM Helper ist das ganz einfach:

• Aktivieren Sie den Schalter Shopify Sandbox dataLayer im Tab Settings der Erweiterung.

• Klicken Sie im Tab Inject GTM auf Enable injection, fügen Sie Ihren Domainnamen und Ihre GTM-ID hinzu. Speichern Sie die Änderungen.

Dadurch können Sie im GTM-Vorschau- und Debug-Modus die Ereignisse anzeigen, die auf der Checkout-Seite stattgefunden haben:

Wenn Sie eine schnelle Überprüfung der Tracking-Qualität Ihrer Website und Empfehlungen zur Verbesserung wünschen, verwenden Sie den Scanner. Er überprüft die von Ihnen besuchte Website-Seite und erstellt einen Bericht darüber, wie Sie das web- und serverseitige Tracking verbessern können. Der Bericht wird mit dem Website Tracking Checker by Stape erstellt.

So verwenden Sie den Scanner im GTM Helper:

• Öffnen Sie die Website, die Sie überprüfen möchten.
• Öffnen Sie GTM Helper und wählen Sie Scan your website.
• Klicken Sie auf Scan me.
• Überprüfen Sie die Berichtszusammenfassung und klicken Sie auf View full report, um weitere Details und nächste Schritte zu erhalten.

Frühere Berichte können Sie im Abschnitt Scan history der Erweiterung einsehen.

Bei der Verwendung des Google Consent Mode in einer Server-Vorschau kann der Einwilligungsstatus nur durch Überprüfung der Parameter der eingehenden Anfrage festgestellt werden. Dies erschwert das Debugging, insbesondere wenn Sie den Verdacht haben, dass einige Tags aufgrund von Einwilligungsproblemen nicht korrekt ausgelöst werden.

Die kostenlose Stape GTM-Erweiterung für Chrome löst dieses Problem, indem sie die vier wichtigsten Einwilligungsstatus zur Server-Vorschau hinzufügt. Sie funktioniert, indem sie den Parameter 'gcs' in GA4-Anfragen überprüft. Die Erweiterung zeigt den Einwilligungstyp und seinen Status (Granted oder Denied) an.

Hier ein Beispiel dafür, was Sie mit der Erweiterung erhalten:

Aktivieren Sie Bulk select in der Erweiterung.

Klicken Sie nach der Aktivierung des Tools auf eine beliebige Entität im Container. Halten Sie dann die Shift gedrückt, um mehrere Entitäten gleichzeitig auszuwählen. So können Sie mehrere GTM-Entitäten auf einmal auswählen, anstatt jedes Kontrollkästchen einzeln anzuklicken.

Der kostenlose Stape GTM Helper beinhaltet sowohl ein Request URL Format als auch ein JSON Format. Das URL-Format verbessert die Lesbarkeit der abgefragten Parameter in URL-Anfragen, während der JSON-Formatierer eingehende und ausgehende JSON-Anfragen leichter lesbar macht. In Kombination mit farbkodierten Tag-Status und -Typen vereinfachen diese Funktionen die Fehlersuche und verbessern die allgemeine Erfahrung bei der Arbeit mit sGTM.

Holen Sie sich noch heute die kostenlose Stape-Erweiterung aus dem Chrome Web Store, um Ihre Arbeitsabläufe unkomplizierter und effizienter zu gestalten. Sie müssen nicht einmal ein Stape-Konto erstellen, um den Stape GTM Helper zu nutzen.