Ajouter analytics.js à votre site

La bibliothèque analytics.js (également appelée "balise Google Analytics") est une bibliothèque JavaScript qui permet de mesurer la façon dont les utilisateurs interagissent avec votre site Web. Ce document explique comment ajouter la balise Google Analytics à votre site.

La balise Google Analytics

Vous devez ajouter la balise Google Analytics dans la partie supérieure de la balise <head>, avant toute autre balise de script ou CSS. Ajoutez l'ID de la propriété Google Analytics de votre choix.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Le code ci-dessus effectue quatre opérations principales:

  1. Crée un élément <script> qui démarre le téléchargement asynchrone de la bibliothèque JavaScript analytics.js depuis https://www.google-analytics.com/analytics.js
  2. Initialise une fonction ga globale (appelée la file d'attente de commandes ga()) qui vous permet de planifier l'exécution de commandes une fois que la bibliothèque analytics.js est chargée et prête à l'emploi.
  3. Ajoute une commande à la file d'attente de commandes ga() pour créer un objet de suivi pour la propriété spécifiée via le paramètre 'GA_MEASUREMENT_ID'.
  4. Ajoute une autre commande à la file d'attente de commandes ga() pour envoyer une page vue à Google Analytics pour la page actuelle.

Pour les implémentations personnalisées, vous devrez peut-être modifier les deux dernières lignes de la balise Google Analytics (commandes create et send) ou ajouter du code pour capturer davantage d'interactions. Toutefois, vous ne devez pas modifier le code qui charge la bibliothèque analytics.js ou qui initialise la fonction de file d'attente de commandes ga().

Tag asynchrone alternatif

La balise Google Analytics décrite ci-dessus permet de charger et d'exécuter le script de façon asynchrone sur tous les navigateurs. Cependant, elle présente l'inconvénient de ne pas permettre aux navigateurs récents de précharger le script.

L'autre balise asynchrone ci-dessous est compatible avec le préchargement, ce qui permet d'améliorer légèrement les performances sur les navigateurs récents. Toutefois, il peut se dégrader du chargement et de l'exécution synchrones sur les navigateurs mobiles IE 9 et les versions plus anciennes qui ne reconnaissent pas l'attribut de script async. N'utilisez cette configuration de balise que si vos visiteurs accèdent à votre site principalement via des navigateurs récents.

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

Quelles sont les données collectées par la balise Google Analytics ?

Lorsque vous ajoutez l'une de ces balises à votre site Web, vous envoyez une page vue pour chaque page consultée par vos utilisateurs. Google Analytics traite ces données et peut en déduire un grand nombre d'informations, y compris:

  • Temps total passé par un utilisateur sur votre site.
  • Temps qu'un utilisateur passe sur chaque page et dans quel ordre elles ont été visitées.
  • Les liens internes sur lesquels les utilisateurs ont cliqué (en fonction de l'URL de la page vue suivante)

En outre, l'adresse IP, la chaîne user-agent et l'inspection initiale de la page effectuées par analytics.js lors de la création d'un objet de suivi permettent de déterminer les éléments suivants :

  • Emplacement géographique de l'utilisateur.
  • le navigateur et le système d'exploitation utilisés ;
  • La taille de l'écran et si Flash ou Java est installé.
  • Site référent

Étapes suivantes

Pour vos besoins de base en matière de création de rapports, les données collectées via la balise Google Analytics peuvent suffire. Toutefois, il existe souvent d'autres questions que vous souhaitez poser concernant vos utilisateurs.

Les guides de ce site vous expliquent comment mesurer les interactions qui vous intéressent avec analytics.js. Toutefois, avant de mettre en œuvre une fonctionnalité en particulier, nous vous recommandons vivement de lire les guides figurant dans la section Principes de base du panneau de navigation de gauche. Ces guides offrent une vue d'ensemble de la bibliothèque analytics.js et vous aideront à mieux comprendre les exemples de code utilisés sur l'ensemble du site.

Le guide suivant de cette série explique le fonctionnement d'analytics.js.