Ajouter analytics.js à votre site

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

Balise Google Analytics

Vous devez ajouter la balise Google Analytics dans la partie supérieure de la balise <head> et avant toute autre balise de script ou CSS. Ajoutez l'ID de propriété de la propriété Google Analytics que vous souhaitez utiliser.

<!-- 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 à partir de https://www.google-analytics.com/analytics.js.
  2. Initialise une fonction ga globale (appelée file d'attente de commandes ga()) qui vous permet de programmer 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 Tracker 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 active.

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().

Autre balise asynchrone

Bien que la balise Google Analytics décrite ci-dessus assure le chargement et l'exécution du script de manière asynchrone sur tous les navigateurs, elle présente l'inconvénient de ne pas autoriser les navigateurs récents à précharger le script.

L'autre tag 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 IE 9 et les navigateurs mobiles plus anciens qui ne reconnaissent pas l'attribut de script async. N'utilisez cette configuration de balise que si vos visiteurs utilisent principalement des navigateurs récents pour accéder à votre site.

<!-- 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 données sont 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 déduire un grand nombre d'informations, y compris:

  • Temps total qu'un utilisateur passe sur votre site.
  • Temps qu'un utilisateur passe sur chaque page et l'ordre dans lequel elles ont été visitées.
  • Liens internes sur lesquels les internautes 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 :

  • Situation 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

Les données collectées via la balise Google Analytics peuvent suffire pour les rapports de base. Toutefois, dans de nombreux cas, vous devez répondre à des questions supplémentaires concernant vos utilisateurs.

Les guides de ce site expliquent comment mesurer les interactions qui vous intéressent avec analytics.js. Toutefois, avant d'implémenter une fonctionnalité en particulier, nous vous recommandons vivement de lire les guides indiqués dans la section Principes de base du panneau de navigation de gauche. Ces guides présentent la bibliothèque analytics.js dans les grandes lignes et vous aideront à mieux comprendre les exemples de code utilisés sur le site.

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