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:
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:


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:

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.
Kommentare