Extension Chrome GTM Helper de Stape : fonctionnalités clés et cas d'usage

L'interface de prévisualisation de Google Tag Manager (GTM) présente de nombreux défis - beaucoup d'entre vous ont probablement remarqué des aspects qui pourraient être améliorés. Les données peuvent souvent être difficiles à lire, et naviguer dans la prévisualisation de GTM peut devenir fastidieux dans les grands conteneurs comportant de nombreux tags actifs. C'est là que les extensions de navigateur s'avèrent utiles : elles rendent les données plus lisibles et la navigation plus simple.

C'est pourquoi l'équipe de Stape a créé une extension Chrome simple pour améliorer la prévisualisation de GTM. Toute l'équipe GTM l'utilise, et nous savons donc qu'elle sera utile à de nombreuses personnes.

Stape GTM Helper est une extension Chrome gratuite conçue pour améliorer l'expérience de débogage en mode prévisualisation de Google Tag Manager. L'outil offre plusieurs fonctionnalités pour les conteneurs GTM web et serveur. Grâce à cette extension, vous pouvez facilement naviguer parmi les tags déclenchés, identifier rapidement ceux qui ont échoué, vous concentrer uniquement sur les tags que vous testez et profiter d'autres fonctionnalités que nous explorerons en détail ci-dessous.

Stape GTM Helper sera utile à toute personne configurant le suivi des données via GTM. Il peut être utilisé par des spécialistes du suivi des données, des analystes de données, des freelances ou des agences qui ont besoin d'un outil pratique pour simplifier le processus de débogage.

Stape GTM Helper offre les avantages suivants :

• Tests ciblés des tags. Filtrez et concentrez-vous sur les tags que vous devez tester en ce moment. Particulièrement utile si vous avez plusieurs entités dans votre conteneur GTM.
• Identification facile du statut des tags. Si vous avez plusieurs tags dans un conteneur GTM, il est essentiel de les parcourir pendant le processus de débogage pour déterminer lesquels ont été déclenchés et lesquels ont échoué. Stape GTM Helper ajoute un codage couleur aux tags les plus populaires et met en évidence leur statut.
• Lisibilité des paramètres de requête. Avec l'extension de Stape activée, les requêtes JSON entrantes et sortantes, ainsi que l'URL de requête, sont structurées et faciles à lire. Cette fonctionnalité sera utile aux utilisateurs de sGTM qui ont besoin de visualiser les requêtes entrantes et sortantes.
• Statut de consentement clair dans sGTM. Le statut du consentement ne peut être consulté que dans les paramètres de requête lors du débogage dans server GTM. L'extension Chrome Stape GTM affiche les quatre principaux statuts de consentement dans l'aperçu serveur.
• Débogage simplifié de la page de checkout sur Shopify. En raison du sandbox de la page de checkout dans Shopify, vous pouvez rencontrer des difficultés lors du dépannage de cette partie de la configuration. Notre extension Chrome vous permet d'injecter le snippet GTM sur la page de checkout et de déboguer la configuration facilement.
• Sélection groupée des entités du conteneur GTM. Sélectionnez plusieurs éléments à modifier en une seule étape, plutôt que de cliquer sur chacun individuellement.
• Analyse de la configuration du suivi. La fonctionnalité Scanner analyse la page que vous consultez et génère un rapport avec des recommandations pour améliorer le suivi web et côté serveur.

Si vous avez plusieurs entités dans votre conteneur et souhaitez en tester certaines, vous pouvez filtrer uniquement celles qui sont nécessaires pour un débogage pratique.

Cette fonctionnalité est disponible pour les conteneurs GTM web et serveur, et peut être utilisée en mode Aperçu.

Cette fonctionnalité facilite la lecture des requêtes JSON entrantes et sortantes dans l'aperçu sGTM. Elle est particulièrement utile pour les webhooks et pour vérifier les données envoyées par les balises.

Voici un exemple de ce que vous obtenez sans l'extension :

Et voici ce que vous obtenez avec l'extension :

Cette fonctionnalité facilite la lecture des paramètres interrogés dans les requêtes d'URL. Elle est particulièrement utile lors de la visualisation des requêtes GA4 entrantes et sortantes.

Voici un exemple de ce que vous obtenez sans l'extension :

Et voici ce que vous obtenez avec Stape GTM Helper :

Vous pouvez également afficher les données de l'URL de requête au format JSON et les copier en cliquant sur les boutons correspondants.

Cette fonctionnalité ajoute un codage couleur et le logo de la plateforme pour les balises les plus populaires (Meta, GA4, Google Ads, Microsoft, etc.). Elle fonctionne aussi bien en aperçu web que serveur, facilitant la navigation parmi les balises déclenchées lorsqu'il y en a de nombreuses dans le conteneur.

Voici un exemple de ce que vous obtenez sans l'extension :

Et voici ce que vous obtenez avec l'extension :

Elle aide à repérer les balises en statut Failed ou les requêtes avec un statut 4xx ou 5xx. Elle fonctionne dans l'aperçu serveur et web.

Voici un exemple de ce que vous obtenez sans l'extension :

Et voici ce que vous obtenez avec l'extension :

Lors du débogage d'une configuration Shopify, le dataLayer GTM n'est pas visible sur la page de paiement, car Shopify restreint l'accès à l'environnement de paiement. Le paiement est isolé et ne permet pas la manipulation du DOM ni l'injection de scripts sans restriction, contrairement aux autres pages Shopify.

Vous pouvez cependant insérer manuellement le snippet GTM sur la page de paiement pour exécuter le mode Aperçu sur cette partie de votre configuration. C'est facile à faire avec l'extension Chrome Stape GTM Helper :

• Activez le bouton Shopify Sandbox dataLayer dans l'onglet Settings de l'extension.

• Dans l'onglet Inject GTM, cliquez sur Enable injection, ajoutez votre nom de domaine et votre ID GTM. Enregistrez les modifications.

Vous pouvez ainsi visualiser dans le mode Aperçu et débogage GTM les événements survenus sur la page de paiement :

Si vous souhaitez un aperçu rapide de l'état du suivi de votre site web et des recommandations pour l'améliorer, utilisez le Scanner. Il analyse la page du site web que vous consultez et génère un rapport sur la façon d'améliorer le suivi web et côté serveur. Le rapport est généré avec le Website Tracking Checker by Stape.

Comment utiliser le Scanner dans GTM Helper :

• Ouvrez le site web que vous souhaitez vérifier.
• Ouvrez GTM Helper et accédez à Scan your website.
• Cliquez sur Scan me.
• Consultez le résumé du rapport et cliquez sur View full report pour plus de détails et les étapes suivantes.

Vous pouvez consulter les rapports précédents dans la section Scan history de l'extension.

Lorsque vous utilisez le Mode Consentement de Google dans un aperçu serveur, le statut du consentement ne peut être vérifié qu'en examinant les paramètres de la requête entrante. Cela complique le débogage, notamment si vous suspectez que certaines balises ne se déclenchent pas correctement en raison de problèmes de consentement.

L'extension Chrome gratuite Stape GTM résout ce problème en ajoutant les quatre principaux statuts de consentement à l'aperçu serveur. Elle fonctionne en vérifiant le paramètre 'gcs' dans les requêtes GA4. L'extension affiche le type de consentement et son statut (Granted ou Denied).

Voici un exemple de ce que vous obtenez avec l'extension :

Activez Bulk select dans l'extension.

Après avoir activé l'outil, cliquez sur n'importe quelle entité dans le conteneur. Maintenez ensuite la touche Shift enfoncée pour sélectionner plusieurs entités à la fois. Cela vous permet de choisir plusieurs entités GTM en une seule fois, au lieu de cocher chaque case manuellement.

Le Stape GTM Helper gratuit comprend à la fois un formatteur d’URL de requête et un formatteur JSON. Le formatteur d’URL améliore la lisibilité des paramètres dans les requêtes URL, tandis que le formatteur JSON facilite la lecture des requêtes JSON entrantes et sortantes. Associées à la coloration des types et statuts de balises, ces fonctionnalités simplifient le débogage et améliorent nettement l’expérience de travail avec sGTM.

Téléchargez dès aujourd’hui l’extension gratuite Stape depuis le Chrome Web Store pour rendre votre flux de travail plus clair et plus efficace. Il n’est même pas nécessaire de créer un compte Stape pour utiliser le Stape GTM Helper.