Prévisualiser et déboguer des conteneurs

Le mode Aperçu et débogage de Google Tag Manager vous permet de parcourir un site sur lequel le code de votre conteneur a été inséré, comme si vous aviez déjà déployé la version préliminaire actuelle du conteneur. Vous pouvez ainsi tester la configuration d'un conteneur avant sa publication. Le site prévisualisé est connecté à Tag Assistant afin que vous puissiez vérifier quelles balises ont été déclenchées et dans quel ordre.

Activer le mode Aperçu et débogage

Afin d'activer le mode Aperçu et débogage pour l'espace de travail actuel :

1. Accédez à https://tagmanager.google.com.
2. Connectez-vous à votre compte Google. Découvrez comment créer un compte Google.
3. Ouvrez le conteneur Tag Manager que vous souhaitez modifier.
4. Dans l'onglet Espace de travail, cliquez sur Prévisualiser (en haut à droite) pour ouvrir Google Tag Assistant dans un nouvel onglet.
5. Saisissez l'URL de votre site.
6. Il est possible que des sites ou des pages ne soient plus accessibles à cause d'un paramètre de débogage supplémentaire ajouté à l'URL. Si tel est le cas, vous pouvez décocher la case Inclure le signal de débogage dans l'URL.
7. Cliquez sur Se connecter. Le site s'ouvre dans une nouvelle fenêtre et indique Connecté en bas à droite.
   Si vous avez installé l'extension Chrome Tag Assistant Companion, votre site Web s'ouvrira dans un nouvel onglet plutôt que dans une nouvelle fenêtre.
8. Cliquez à nouveau sur l'onglet Tag Assistant, puis sur Continuer pour accéder à l'interface de débogage.

   Vous pouvez également prévisualiser votre site pour le déboguer à partir de la page d'activation de Tag Assistant.

 

Pour prévisualiser une version plus ancienne d'un conteneur :

1. Dans la barre de navigation en haut de l'espace de travail, cliquez sur Versions.
2. Recherchez la version qui vous intéresse, cliquez sur Autres actions et sélectionnez Prévisualiser.

Utiliser le mode Aperçu et débogage

Une fois le mode Aperçu et débogage activé, une nouvelle fenêtre s'ouvre, correspondant à la page que vous avez indiquée. L'interface de débogage affiche des informations détaillées sur vos balises (par exemple, les conditions de leur déclenchement et les données traitées). L'interface de débogage n'apparaît que dans le navigateur utilisé pour activer le mode Aperçu (ou dans celui des utilisateurs avec lesquels vous partagez l'aperçu). En revanche, les visiteurs de votre site Web ne la voient pas.

Elle vous permet de savoir si les déclencheurs et les balises fonctionnent comme convenu, et quelles données ils transmettent à leurs services respectifs. Lorsque vous cliquez sur votre site Web prévisualisé, les informations sur le mode de déclenchement des balises sont actualisées. Cela vous permet de voir si une balise s'est bien déclenchée, et ce qui a activé ou non son état de déclenchement.

Pour les conteneurs côté serveur, l'interface de débogage comprend différents onglets. Pour en savoir plus sur l'utilisation du mode Aperçu pour le taggage côté serveur, consultez la section Prévisualiser et déboguer les conteneurs serveur.

L'interface de débogage n'est pas disponible pour les types de conteneurs suivants :

• Conteneurs d'applications mobiles (pour savoir comment prévisualiser et déboguer des conteneurs d'applications mobiles, consultez la documentation pour les développeurs iOS et Android)
• Conteneurs AMP (il est toujours possible de prévisualiser votre site)

Partager le mode Aperçu et le débogage

Lorsque le mode Aperçu et débogage est activé, la configuration du conteneur prévisualisé et l'interface de débogage Tag Assistant ne sont visibles que dans le navigateur associé. Vous pouvez partager cet aperçu avec d'autres utilisateurs à l'aide d'une URL personnalisée générée par le système.

Pour partager un aperçu de la configuration de votre espace de travail avec un collègue :

1. Dans Tag Assistant, cliquez sur Autres actions  , puis sélectionnez Partager.
2. Dans la boîte de dialogue Partager la session de débogage, saisissez le domaine de votre site Web cible et les balises à déboguer.
3. Copiez l'URL d'aperçu affichée dans le champ dédié.
4. Collez cette URL d'aperçu dans un e-mail et envoyez-la au collègue concerné. L'URL d'aperçu permet à l'utilisateur de se connecter à votre site en mode Aperçu et d'afficher l'interface de débogage de Tag Assistant.

Vous pouvez également partager les versions actuelles ou anciennes d'un conteneur à partir de votre espace de travail :

1. Dans la barre de navigation en haut de l'espace de travail, cliquez sur Versions.
2. Recherchez la version que vous souhaitez partager, cliquez sur Autres actions et sélectionnez Partager l'aperçu.
3. Dans la boîte de dialogue "Partager l'aperçu", saisissez le domaine de votre site Web cible (ex. : https://example.com/).
4. Copiez l'URL d'aperçu affichée dans le champ dédié.
5. Collez cette URL d'aperçu dans un e-mail et envoyez-la au collègue concerné. L'URL d'aperçu permet à l'utilisateur de se connecter à votre site en mode Aperçu et d'afficher l'interface de débogage de Tag Assistant.

Quitter le mode Aperçu et débogage

Pour quitter le mode Aperçu et arrêter le débogage:

1. Cliquer sur "X" en haut à gauche de l'interface de débogage de Tag Assistant
2. Cliquer sur Arrêter le débogage sur la page d'activation de Tag Assistant