Quiconque utilise Google Tag Manager conviendra que le mode aperçu a toujours été un excellent outil lors de l’ajout et du débogage de balises. Cela dit, ce n’était certainement pas parfait… Vous voulez voir l’état précédent de GTM après le chargement d’une page? Nan. Vous souhaitez déboguer un site mobile? Bonne chance. Ce sont les deux principaux maux de tête qui ont affecté l’ancien mode de prévisualisation GTM, mais plus maintenant!
Alors, quelles sont les principales différences?
L’une des principales différences avec le nouveau mode de prévisualisation est son passage dans l’écosystème de Tag Assistant, d’où le nouveau nom «Mode de prévisualisation de Tag Assistant». Bien que vous n’ayez pas besoin d’installer l’extension Tag Assistant Chrome, elle vous offre des fonctionnalités supplémentaires que nous aborderons plus tard.
La différence la plus notable est probablement la fenêtre de débogage n’est plus intégrée à la fenêtre dans laquelle vous vous trouvez débogage. Cela signifie que toutes vos données de débogage persisteront pendant que vous naviguerez à travers différentes pages. Il est révolu le temps d’utiliser des outils tiers ou d’essayer rapidement de voir vos événements se déclencher avant que la page ne s’actualise.
Cela vous permet également de déboguer les aperçus mobiles beaucoup plus facilement. Auparavant, lorsque le volet de débogage était intégré à la page, l’activation du mode de prévisualisation mobile rendait simplement le débogage impossible. Vous avez maintenant le luxe d’avoir votre volet de débogage où vous le souhaitez!
Le mode d’aperçu utilise maintenant la première partie cookies au lieu de tiers. Alors que de plus en plus de navigateurs commencent à bloquer les cookies tiers, cette décision rendra l’utilisation du mode aperçu avec des navigateurs tels que Safari et Firefox beaucoup plus facile.
Principes de base de l’utilisation du nouveau mode d’aperçu
L’activation du mode aperçu est maintenant légèrement différente. Après avoir appuyé sur «Aperçu» dans Tag Manager, vous êtes maintenant redirigé vers un onglet séparé, avec une invite pour entrer l’URL que vous souhaitez déboguer.
Après avoir cliqué sur démarrer, l’URL saisie s’ouvrira dans une nouvelle fenêtre et le mode aperçu tentera de connecter la fenêtre de débogage à la page que vous déboguez.
Les deux fenêtres sont maintenant connectées et toutes les activités et la navigation que vous faites dans cette fenêtre seront enregistrées dans votre fenêtre de débogage. La mise en page ici sera très familière, avec votre colonne de résumé sur la gauche, et la possibilité d’afficher les balises, les variables, la couche de données et toutes les erreurs dans la zone principale de droite de la fenêtre de débogage.
Si vous êtes un des premiers utilisateurs de Google Analytics 4, alias les propriétés App + Web, vous pouvez également déboguer tous les appels dans la même fenêtre, sélectionnez simplement les différentes configurations répertoriées en haut de la page.
Une fois le débogage terminé, cliquez simplement sur le «X» en haut à gauche de la fenêtre de débogage, il vous sera alors demandé de confirmer que vous souhaitez arrêter le débogage. Après avoir cliqué sur «Arrêter le débogage», le cookie de première partie sera supprimé et toutes les fenêtres seront retirées du mode de débogage.
Fonctionnalités supplémentaires avec l’extension Tag Assistant
Si vous êtes un grand utilisateur de Tag Manager et que vous lisez le blog, il est probable que vous utilisez déjà l’extension Google Tag Assistant, sinon, l’installer en vaut certainement la peine. Outre les vérifications rapides des balises qu’il vous permet de faire, il ajoute également des fonctionnalités assez utiles au nouveau mode d’aperçu.
La première de ces fonctionnalités vous permet de déboguer sur plusieurs onglets au lieu d’être limité à la nouvelle fenêtre qui est ouverte. Cela vous donnera plus de flexibilité avec la fenêtre de la console et vous permettra d’ouvrir la barre d’outils de l’appareil pour un débogage mobile amélioré.
La fonctionnalité suivante que vous gagnez vous aide en fait à suivre ces multiples onglets. Le mode Aperçu attribuera une icône à chacun que vous ouvrez, que vous pouvez voir dans le résumé de gauche, à côté du titre de la page. Cette icône apparaîtra également en tant que favicon dans l’onglet spécifique auquel elle est associée, vous donnant un moyen facile de faire correspondre les données de débogage avec l’onglet en question.
Ces nouvelles fonctionnalités constituent une énorme amélioration par rapport à la version précédente de Google Tag Manager, et comme elle est toujours en développement, il est probable que nous verrons encore plus de fonctionnalités intéressantes ajoutées dans les mois et les années à venir.