Avant d'insérer de nouvelles balises, examinez celles qui existent déjà sur votre site Web ou dans votre application mobile, le cas échéant, afin d'éviter d'ajouter des balises redondantes. Cet article explique comment évaluer vos balises existantes.
Même après votre évaluation préliminaire, vous devez intégrer des vérifications régulières dans votre processus standard de gestion des balises. L'évaluation régulière des balises exécutées sur votre site Web ou dans votre application est importante pour la protection et la sécurité des données.
Pour évaluer vos tags existants, 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 destiné aux installations de la balise Google (gtag.js). Lorsque cette option est activée, Tag Assistant affiche un volet de débogage dans le navigateur. Vous pouvez ainsi vérifier quelles commandes gtag.js ont été déclenchées et dans quel ordre. Tag Assistant indique les données transmises à la couche de données et les événements qui ont déclenché ces échanges de données. Elle 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 offrant des fonctionnalités semblables à celles de Tag Assistant.
Rechercher
Utilisez la barre de recherche du conteneur Tag Manager pour localiser les balises, les paramètres ou les lignes de code de 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.
- Dans Tag Manager, cliquez sur Versions.
- Cliquez sur la version la plus récente dans la liste pour afficher l'état actuel du conteneur.
Tag Manager insère 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 affiche les balises qui se déclenchent sur une page, les événements qui les déclenchent et les données transmises à la couche de données. Le mode Aperçu fonctionne à peu près 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 certains de ces mots clés de balise courants dans votre code source afin d'identifier les configurations de balise potentielles:
gtag(
: ouverture pour les commandesgtag()
, et ces fragments de code contiennent souvent une instrumentation supplémentaire.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 utilisez déjà gtag.js ou Google Tag Manager, vous pourrez peut-être 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 les appelsdataLayer.push()
avec une instrumentation pour des événements spécifiques.analytics.js
ouga.js
: noms de fichiers des bibliothèques utilisées pour les anciennes implémentations de Google Analytics.conversion.js
ouconversion_async.js
: noms de fichiers des bibliothèques utilisées pour mesurer les conversions Google Ads.optimize.js
: utilisé pour les balises Google Optimize.- Les systèmes tiers de gestion de balises pouvant contenir des balises Google. Recherchez d'éventuels systèmes tiers de gestion de balises dans votre code source (
utag.js
ou_satellite
, par exemple).
Balise Google (gtag.js)
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. Le tag principal se présente comme suit:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXX-1');
</script>
Vous pouvez voir plusieurs lignes gtag('config',...)
pour d'autres produits et comptes. Exemple :
<!-- Google tag (gtag.js) -->
<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', 'UA-XXXXXX-1');
gtag('config', 'UA-YYYYYY-2');
gtag('config', 'TAG_ID');
</script>
Chaque ligne config
contient le préfixe du produit (qui indique quel produit est en cours de configuration), suivi de l'ID du compte en cours de configuration. Vous trouverez plus d'informations sur les préfixes de produit ci-dessous.
Préfixes de produit pour la balise Google
Un ID de balise identifie une balise Google. Une même balise Google peut avoir plusieurs ID de balise. Par exemple, si vous utilisez Google Ads, votre balise est désormais associée à deux ID: un ancien ID (AW) et un ID de balise Google (GT). Les ID de balise sont interchangeables. Le tableau ci-dessous présente les balises compatibles avec la balise Google.Préfixe | Type d'ID | Description |
---|---|---|
GT-XXXXXX | Balise Google | Chaque nouvelle balise Google se voit attribuer un préfixe GT et un identifiant unique. |
G-XXXXXX | Balise Google (ancien préfixe) | Les balises Google Analytics 4 sont des balises Google avec le préfixe G et un ID unique. |
AW-XXXXXX | Balise Google (ancien préfixe) | Les balises Google Ads sont des balises Google dotées du préfixe AW et d'un ID unique. |
DC-XXXXXX | Balise Google (ancien préfixe) | Les balises Google Floodlight sont des balises Google dotées du préfixe DC et d'un ID unique. |
Les pages Web configurées avec la balise Google peuvent avoir un ID précédé du préfixe "G" ou "AW". Le préfixe "G" signifie que votre balise Google a été créée dans Google Analytics. Le préfixe "AW" signifie que votre balise Google a été créée dans Google AdWords. Les deux ID sont des versions différentes de l'ID de votre balise et sont interchangeables. Par conséquent, si vous voyez un ID avec l'un des préfixes, vous n'avez pas besoin d'ajouter un ID avec l'autre préfixe. En savoir plus sur la configuration des ID de balise
Google Tag Manager
Les pages Web configurées avec Tag Manager doivent inclure une balise conteneur semblable à 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-
", et un exemple d'emplacement de l'ID de conteneur est mis en surbrillance ci-dessous.
<!-- 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 disposez de l'ID du conteneur, ouvrez l'écran des comptes Google Tag Manager, puis cliquez sur pour rechercher cet ID. Vous pouvez ensuite inspecter la configuration des balises, des déclencheurs et des variables pour votre site Web.