Google Tracking Snippets : lesquels dois-je utiliser ?

Publié: 2019-08-02

Dernière mise à jour le 23 août 2019

Google dispose de divers extraits de suivi pour analyser les interactions d'un visiteur sur chaque page de notre site Web. Ces extraits incluent ga.js, analytics.js, GTM et gtag.js . Certains de ces extraits fonctionnent mieux que d'autres en fonction de ce que nous souhaitons suivre sur les pages de notre site Web, et simplifient la gestion de l'injection des codes de suivi. Avec ce blog, je vais essayer de clarifier quel est le but de chacun de ces extraits Google et quand les utiliser.

Un extrait est un terme de programmation désignant une petite région du code source réutilisable, du code machine ou du texte.

Chacun de ces extraits est un petit morceau de code JavaScript que nous collons dans les pages de notre site Web. Pour utiliser ces extraits, nous devons copier l'extrait de code correspondant, le coller sur toutes les pages de notre site Web et remplacer le GA_MEASUREMENT_ID également affiché sous la forme UA-XXXXX-X ou GTM-XXXXXXX sur le code de l'extrait, par le Web désigné ID de propriété pour notre site Web.

Nous devrions coller ces extraits dans notre page de modèle de site Web ou sur chaque page de notre site Web afin qu'il apparaisse près du haut de la balise <head> et avant tout autre script ou balise CSS dans la plupart des cas. Il est essentiel de savoir que si nous mettons à jour notre site Web à partir d'un ancien extrait vers la dernière version asynchrone, nous devons supprimer l'extrait de suivi existant après avoir inséré l'extrait le plus récent. Il n'est pas recommandé d'utiliser les deux extraits ensemble sur la même page car nous pouvons dupliquer nos données.

Lorsque nous ajoutons l'un de ces extraits de suivi à notre site Web, par exemple, nous pouvons envoyer une page vue à notre outil de suivi pour chaque page que nos visiteurs voient sur notre site Web. L'extrait de code traite les données et peut déduire une grande quantité d'informations, notamment :

  • Le temps total qu'un visiteur passe sur notre site Web.
  • Le temps qu'un visiteur passe sur chaque page et dans quel ordre ces pages ont été visitées.
  • Quels liens internes ont été cliqués par le visiteur (basé sur l'URL de la prochaine page vue).

En outre, l'adresse IP, la chaîne de l'agent utilisateur et l'inspection initiale de la page, l'extrait de code peut le suivre lorsque nous créons un outil de suivi personnalisé pour déterminer des éléments tels que :

  • La localisation géographique du visiteur.
  • Quel navigateur et système d'exploitation sont utilisés par le visiteur.
  • Taille de l'écran et si Flash ou Java est installé sur le navigateur d'un visiteur.
  • Le site référent du visiteur.

Ancien extrait analytique (ga.js)

ga.js est la bibliothèque d'analyse classique ou de suivi héritée de Google Analytics. Oui, cet extrait est spécifiquement utilisé pour envoyer des données de suivi à Google Analytics. ga.js est une bibliothèque JavaScript permettant de mesurer la façon dont les utilisateurs interagissent avec notre site Web.

extrait de code de l'analyse héritée

ga.js est déjà une bibliothèque obsolète (non obsolète) mais toujours en cours de suivi. L'un des inconvénients de l'utilisation de cet extrait est que nous devons avoir accès au code source de la page pour insérer une partie du code des commandes de suivi et de la configuration des fonctions nécessaires pour suivre une page de manière asynchrone afin de renvoyer les données de suivi aux serveurs de Google Analytics. L'objet _gaq est ce qui rend possible la syntaxe asynchrone.

Si nous commençons avec Google Analytics, il est préférable d'utiliser l'un des derniers extraits de suivi modernes disponibles sur Google.

Analyse universelle (analytics.js)

Universal Analytics est la nouvelle norme de fonctionnement de Google Analytics. En tant qu'ancien extrait, la bibliothèque analytics.js est une bibliothèque JavaScript permettant de mesurer la manière dont les utilisateurs interagissent avec notre site Web. La bibliothèque analytics.js est la dernière bibliothèque JavaScript pour Google Analytics conçue pour tirer parti de toutes les nouvelles fonctionnalités de la plateforme Universal Analytics.

extrait de code d'analyse universelle

Cet extrait de code de suivi JavaScript définit une fonction ga globale appelée "file d'attente de commandes". C'est ce qu'on appelle la file d'attente de commandes car plutôt que d'exécuter les commandes qu'il reçoit immédiatement, il les ajoute à une file d'attente qui retarde l'exécution jusqu'à ce que la bibliothèque analytics.js soit complètement chargée.

Si vous débutez avec Google Analytics et que vous souhaitez suivre l'interaction d'un visiteur uniquement sur Google Analytics, voici l'extrait que vous devez utiliser. Si vous souhaitez suivre d'autres types d'interactions de visiteurs sur vos pages Web ou injecter d'autres extraits dans vos sites Web, comme Facebook Pixel ou Google Ads, vous devez utiliser l'un des autres extraits expliqués ci-dessous.

Gestionnaire de balises Google (GTM)

Google Tag Manager est un système de gestion des balises qui vous permet de mettre à jour rapidement et facilement les codes de suivi ou de mesure. Ces fragments de code sont collectivement connus sous le nom de balises qui sont injectées sur notre site Web ou notre application mobile.

Extrait de code Google Tag Manager

Nous installons GTM pour configurer et déployer des balises, y compris des balises de Google Ads, Google Analytics, Facebook et d'autres tiers. L'extrait GTM est composé de deux scripts. Une qui doit être placée aussi près que possible de la balise d'ouverture <head>, mais en dessous de toute déclaration « dataLayer » ; et un deuxième script est un extrait de code <noscript> qui doit être placé immédiatement après la balise d'ouverture <body> dans notre code HTML.

Une fois GTM installé, votre site Web ou votre application pourra communiquer avec les serveurs GTM et d'autres outils de suivi via GTM. Vous pouvez ensuite utiliser l'interface utilisateur Web du gestionnaire de balises GTM pour configurer des balises, établir des déclencheurs qui déclenchent votre balise lorsque certains événements se produisent et créer des variables qui peuvent être utilisées pour simplifier et automatiser vos configurations de balises.

Si vous débutez avec des extraits de suivi et que vous souhaitez ajouter différents codes de suivi sur vos pages Web et suivre l'interaction d'un visiteur dans plusieurs outils de suivi comme Google Analytics, Google Ads ou Facebook, c'est l'extrait que vous devez utiliser.

Balise Google Global Site (gtag.js)

Le global site tag (gtag.js) est un cadre de balisage JavaScript et une API qui nous permet d'envoyer des données d'événement à Google Analytics, Google Ads et Google Marketing Platform, entre autres produits Google. Au lieu d'avoir à gérer plusieurs codes de suivi pour différents produits Google, nous pouvons utiliser gtag.js et bénéficier plus facilement des dernières fonctionnalités et intégrations de mesure dès qu'elles sont disponibles.

Extrait de code du global site tag de Google

gtag.js facilite l'envoi de données de suivi à plusieurs produits Google. Il n'est pas nécessaire de créer des comptes supplémentaires ou de gérer la configuration dans une interface distincte. Utilisez la commande gtag pour capturer des événements et envoyer des données à un ou plusieurs produits Google.

Prenons cet exemple, où un site Web typique peut avoir les codes de suivi des produits Google suivants installés :

  • Code de suivi des pages vues Google Analytics sur chaque page.
  • Suivi des événements Google Analytics pour certaines interactions d'intérêt.
  • Suivi du commerce électronique Google Analytics pour les achats, les étapes de vérification, etc.
  • Suivi des conversions Google AdWords pour les achats ou les formulaires de prospection.
  • Balises de remarketing Google AdWords pour créer des audiences dans AdWords.

C'est CINQ codes de suivi ou balises différents pour les seuls produits Google !!!

Gtag.js facilite l'ensemble de ce processus en :

  • Nous vous encourageons à conserver de nombreuses balises des produits Google au même endroit dans votre code.
  • Simplification de l'installation pour vous permettre d'être opérationnel plus rapidement avec les produits Google.
  • Ouvrir la possibilité d'envoyer des données à plusieurs outils à la fois, plutôt que d'exiger des balises distinctes.

Conclusion

Si vous souhaitez uniquement suivre l'interaction des visiteurs simples avec votre site Web et les pages vues, vous pouvez utiliser l'extrait de code analytics.js. N'utilisez pas l'extrait de code ga.js, car il s'agit d'un ancien extrait qui ne dispose pas des dernières fonctionnalités de mesure et intégrations. Si vous avez sur votre site l'extrait de code ga.js, remplacez-le par un dernier extrait de suivi.

Si vous souhaitez uniquement suivre les interactions des visiteurs sur votre site Web sur plusieurs outils de suivi Google, tels que Google Analytics, Google Ads et Google Marketing Platform, vous devez utiliser l'extrait de code gtag.js. N'utilisez pas gtag.js avec un autre extrait de suivi Google. Google considère cela comme une mauvaise pratique.

Si vous souhaitez suivre les interactions des visiteurs sur votre site Web sur une variété d'outils de suivi de Google et d' outils tiers, et avez l'intention d'injecter et de gérer une variété d'extraits tels que Google Ads, Google Analytics, Facebook et d'autres extraits tiers sur un emplacement, vous devez utiliser GTM. Il s'agit de l'extrait que nous recommandons d'utiliser et doit être utilisé avec leurs balises et déclencheurs par défaut et préconfigurés. N'utilisez pas de balise HTML personnalisée pour injecter d'autres outils de suivi Google via GTM. Ce n'est pas recommandé par Google et est considéré comme une mauvaise pratique.

Encore une fois, il n'est pas recommandé, et nous ne le recommandons pas, d'utiliser plusieurs extraits de suivi Google en même temps. Si vous utilisez GTM, utilisez la balise Universal Analytic par défaut dans GTM et n'injectez pas, dans une balise HTML personnalisée, l'extrait de code gtag.js ou l'extrait de code ga.js. Google ne le recommande pas et le considère comme une mauvaise pratique.

Écrit parArturo Santiago