Analyser les configurations de balises existantes

Avant d'installer de nouvelles balises, évaluez celles qui existent déjà sur votre site Web ou votre application mobile, le cas échéant, afin de ne pas ajouter de balises redondantes. Ce document décrit les méthodes d'évaluation de vos tags existants.

Même après votre évaluation préliminaire, vous devez intégrer des vérifications régulières à votre processus standard de gestion des balises. Il est important d'évaluer régulièrement les balises qui s'exécutent sur votre site Web ou dans votre application pour assurer la protection des données et la sécurité.

Pour évaluer vos balises existantes, utilisez les ressources suivantes :

• Google Tag Assistant
• Fonctionnalités de Google Tag Manager
• Techniques d'inspection manuelle du code

Tag Assistant

Google Tag Assistant est un outil d'analyse des balises pour les installations de la balise Google. Lorsqu'il est activé, Tag Assistant affiche un volet de débogage dans le navigateur afin que vous puissiez inspecter les commandes gtag.js qui ont été déclenchées et dans quel ordre. Tag Assistant vous permet de savoir quelles données sont transmises à la couche de données et quels événements ont déclenché ces échanges de données. Il affiche également les appels (requêtes HTTP) et les paramètres associés. En savoir plus sur Tag Assistant

Tag Manager

Vous pouvez inspecter les comptes et les conteneurs Tag Manager pour analyser les configurations de balises existantes. Tag Manager propose également un mode Aperçu, qui offre des fonctionnalités similaires à celles de Tag Assistant.

Rechercher

Utilisez la barre de recherche du conteneur Tag Manager pour localiser des balises, des paramètres ou des lignes de code dans vos balises, déclencheurs et variables. La barre de recherche est un excellent moyen d'identifier les balises susceptibles de contenir des paramètres ou du code que vous devez réévaluer.

Versions

La fonctionnalité Versions de Tag Manager affiche un récapitulatif d'une configuration de conteneur existante.

1. Dans Tag Manager, cliquez sur Versions.
2. Cliquez sur la version la plus récente de la liste pour afficher l'état actuel du conteneur.

Tag Manager liste les balises, les déclencheurs, les variables et les modèles personnalisés dans cette vue.

Mode Aperçu

Le mode Aperçu de Tag Manager vous permet de savoir quelles balises se déclenchent sur une page, quels événements déclenchent ces balises et quelles données sont transmises à la couche de données. Le mode Aperçu fonctionne de la même manière que Tag Assistant. En savoir plus sur le mode Aperçu

Inspection manuelle du code

Pour obtenir une analyse plus approfondie des configurations de balises existantes, envisagez d'effectuer une inspection manuelle du code. Recherchez dans votre code source certains de ces mots clés de tag courants pour identifier les configurations de tag potentielles :

• gtag( : il s'agit de l'ouverture des commandes gtag(). Ces fragments de code contiennent souvent des instruments supplémentaires.
• googletagmanager.com : ce domaine charge les fonctionnalités de Tag Manager et de gtag.js, et peut vous aider à localiser ces types de balises.

Si vous disposez déjà de gtag.js ou de Google Tag Manager, vous pouvez mettre à jour les balises ou l'instrumentation existantes au lieu d'implémenter de nouvelles configurations.

• dataLayer : permet de savoir si le code de la couche de données a été établi et d'effectuer des appels dataLayer.push() avec instrumentation pour des événements spécifiques.
• analytics.js ou ga.js : noms de fichiers des bibliothèques utilisées pour les anciennes implémentations de Google Analytics.
• conversion.js ou conversion_async.js : noms des fichiers des bibliothèques utilisées pour mesurer les conversions Google Ads.
• optimize.js : utilisé pour les balises Google Optimize.
• Systèmes de gestion de balises tiers pouvant contenir des balises Google. Recherchez dans votre code source d'éventuels systèmes de gestion de balises tiers, tels que utag.js ou _satellite.

Balise Google

Si vous avez ajouté l'extrait de code de la balise Google à votre page Web, vous pouvez examiner la balise pour en savoir plus sur son utilisation. L'extrait de code de la balise Google actuelle se présente comme suit :

  <!-- Google tag -->
  <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  </script>

Les extraits des versions précédentes ressemblent à l'exemple suivant :

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=GA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'GA-XXXXXX-1');
  </script>

Dans les implémentations utilisant des versions antérieures, vous pouvez voir plusieurs lignes gtag('config',...) pour des produits et des comptes supplémentaires. Exemple :

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'GA-XXXXXX-1');
    gtag('config', 'GA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

Remarque : La commande gtag('config') est obsolète. Dans les installations de balise Google mises à jour, les destinations et paramètres supplémentaires sont configurés dans l'interface utilisateur de Google Tag Manager plutôt qu'en ajoutant plusieurs lignes gtag('config') sur la page. Les appels gtag('config') existants continueront de fonctionner pour assurer la rétrocompatibilité. En savoir plus

Chaque ligne config des versions précédentes contient le préfixe du produit (qui indique le produit en cours de configuration), suivi de l'ID du compte en cours de configuration. En savoir plus sur les préfixes de produits.

Remarque : Le produit et le compte dont l'ID est indiqué dans l'URL source du script (c'est-à-dire l'ID en haut de l'extrait après www.googletagmanager.com/gtm.js?id ou /gtag/js?id) sont ceux qui "contrôlent" la balise Google. Dans certains cas, il est important de le savoir, car certaines fonctionnalités telles que les balises de site connectées pour les propriétés Google Analytics ne peuvent être activées qu'à partir d'une balise contrôlée par ce produit et ce compte.

Préfixes de produits pour la balise Google

Un ID de balise ou de conteneur identifie le conteneur Google Tag Manager ou la configuration de destination Google chargée par l'extrait de votre balise Google. Les nouvelles installations utilisent par défaut un ID de conteneur Google Tag Manager (GTM-), tandis que les ID spécifiques à une destination identifient des produits Google individuels. Le tableau suivant présente les préfixes d'ID compatibles :

Préfixe	Type d'ID	Description
GTM-XXXXXX	ID de conteneur Google Tag Manager (par défaut)	ID par défaut des conteneurs Google Tag Manager. Compatible avec toutes les balises Google, tierces et personnalisées.
G-XXXXXX	ID spécifique à la destination	Identifie une destination Google Analytics (ID de mesure).
AW-XXXXXX	ID spécifique à la destination	Identifie une destination Google Ads (ID de conversion).
DC-XXXXXX	ID spécifique à la destination	Identifie une destination Floodlight (référence annonceur).
MC-XXXXXX	ID spécifique à la destination	Identifie une destination Google Merchant Center.
GT-XXXXXX	ID de balise Google	Identifie une balise Google créée dans des versions antérieures.

Les pages Web configurées avec la balise Google peuvent utiliser un ID de conteneur GTM- ou un ID spécifique à la destination, tel que G- (Google Analytics), AW- (Google Ads), DC- (Floodlight) ou MC- (Merchant Center). Si votre page charge déjà une balise Google avec l'un de ces ID, vous pouvez associer des destinations supplémentaires dans Google Tag Manager au lieu d'ajouter un autre extrait de code d'une balise à la page. En savoir plus sur la configuration des ID de balise

Remarque : Le préfixe de l'ID de conteneur que vous avez sur votre site (par exemple, GTM- par rapport à G- ou AW-) détermine ses autorisations et ses capacités d'exécution de script. Pour en savoir plus, consultez Types de conteneurs et préfixes d'ID.

Google Tag Manager

Les pages Web configurées avec Tag Manager comportent une balise de conteneur installée qui ressemble à l'exemple suivant. Vous pouvez identifier l'ID du conteneur Tag Manager en inspectant le code du conteneur. L'ID de conteneur commence par "GTM-". Voici un exemple d'emplacement de l'ID de conteneur :

<!-- Google tag -->
<script async src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
</script>

Les extraits des versions précédentes ressemblent à l'exemple suivant :

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

Une fois que vous avez l'ID du conteneur, ouvrez l'écran des comptes Google Tag Manager et cliquez sur pour rechercher cet ID. Vous pouvez ensuite inspecter la [configuration de la balise, du déclencheur et de la variable]configuration de la balise pour votre site Web.