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