Quel code ajouter pour suivre les événements dans Google Analytics ?

Google Analytics permet de suivre certaines actions des internautes, appelées "événements" (là où ils cliquent par exemple). Voici comment les paramétrer.

Il est possible que vous utilisiez la nouvelle version du code de suivi de Google Analytics. Pour la savoir, il faut prendre connaissance du nom du fichier JavaScript utilisé pour le script. S'il s'agit du fichier "analytics.js", alors vous utilisez la nouvelle version, celle qui est aussi appelée Universal Analytics. Dans ce cas, la méthode permettant de réaliser le suivi des événements est la méthode "ga()".
Voici le code de suivi à mettre dans les pages avec la nouvelle version "Universal" :

(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','//www.google-analytics.com/analytics.js','ga');
ga("create", "UA-XXXX-Y", "auto");  // Remplacez ici "UA-XXXX-Y" par l'identifiant de votre propriété.
ga("send", "pageview");

Avec cette même méthode, on peut aussi définir l'événement (sa catégorie, le type d'action suivie), ce qui aidera aussi à les classer, et donc à les faire apparaître de manière claire dans les reportings. Voici comment cela se fait : ga("send", "event", "{catégorie événement}", "{type de l'action}", "{libellé de l'action}",{valeur numérique associée});

Par exemple pour mesurer un clic vers la page d'accueil (c'est un événement), on peut écrire le code suivant :
ga("send", "event", "Déplacement", "Click", "Retour à l'accueil");

Si le script utilisé pour communiquer avec Google Analytics est le script "ga.js", il s'agit de l'ancienne version du script. Cette version utilise la méthode "_gaq.push()". Voici à quoi elle ressemble :

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXX-Y']); // Renseignez ici l'ID de votre compte.
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

Pour suivre et mesurer les événements, on appelle alors la même méthode avec la commande "_trackEvent" et le paramétrage suivant :
_gaq.push("_trackEvent", "{catégorie événement}", "{type de l'action}", "{libellé de l'action}", {valeur numérique associée}, {booléen indiquant si l'action est comptée dans le calcul du taux de rebond})

Pour suivre le même événement (un clic vers la page d'accueil), la ligne de code ressemblerait à ceci :_gaq.push("_trackEvent", "Déplacement", "Click", "Retour à l'accueil");

Gardez bien à l'esprit que les codes des deux versions ne doivent pas être mélangées. Cela provoquerait des erreurs et ne fonctionnerait pas.

Autour du même sujet

Tutoriels Analytics