Le suivi des évènements dans Google Analytics

Avec la nouvelle version du code de suivi de Google Analytics (le ga.js), des possibilités supplémentaires de tracking sont offertes en particulier le suivi des évènements.

Pour faire simple un "évènement" est une interaction de l'internaute avec le site qui ne fait pas l'objet d'une comptabilisation dans les pages vues, par exemple:

Lecture d'une vidéo,
Validation d'un formulaire sans page de confirmation,
Téléchargement de document,
Clic sur un lien provoquant le chargement d'éléments en Ajax ...

Or ces éléments ne sont pas analysés par défaut sur des sites devenant de plus en plus interactif justement:). L'indicateur de la page vue devient ainsi insuffisant pour mesurer la performance....

Avec l'exemple de ce blog, vous verrez qu'il est possible simplement de mesurer les interactions des internautes avec les différents élements du site avec Google Analytics.

Avant de commencer à installer le suivi , voila ce que je vous conseille:

Déterminez d'abord les objectifs de votre site

Il me parait essentiel de se concentrer sur ce premier point afin de bien savoir ce que l'on veux mesurer. Ici, l'objectif principal de ce blog est d'échanger avec d'autres internautes autour des sujets évoqués dans les billets.

Lister les métriques permettant de suivre l'atteinte de vos objectifs:

Dans un second temps, il faut lister les interactions qui permettent de mesurer l'atteinte de ces objectifs: Ici le nombre de commentaires proposés (mesurable par les clics sur les bouton de formulaire "envoyer" et "prévisualiser")

Choisir une convention de nommage pour le suivi

la fonction utilisée pour le suivi des évènements _trackEvent()est assez souple et vous permet de nommer vos évènements pour améliorer la lisibilité du reporting. Il est important d'avoir une vision claire de ce que l'on veux mesurer et que l'on voudra probablement mesurer dans le futur pour bien nommer ces éléments dès le départ. Il existe différentes variables:

category (requis). comme son nom l'indique cette variable permet de catégoriser les évènements. Ici, je choisir de nommer cette variable "commentaire". Cela me permettra ensuite de mesurer le volume d'événements et d'interactions de l'internaute autour de cet objet "commentaire"
action (requis): L'action porte aussi très bien son nom car il s'agit de nommer le type d'événements ou d'interaction de l'internaute sur l'objet. ici je nomme différentes actions ("envoyer" et "prévisualiser").
Label (optionnel): cela permet de donner un nom à l'élément sur lequel porte l'interaction, ici j'utilise le nom du billet. Cela me permettra ensuite de mesure l'ensemble des interaction quel que soit leur type sur chaque billet.
Value (optionnel) permet de donner une valeur numérique à l'interaction (temps de chargement, estimation de la valeur financière de l'interaction...). Ici je ne l'utiliserai pas.

Intégrez la fonction dans les éléments de la page a suivre

la fonction pour utiliser le suivi des évènements dans Google Analytics est la suivante:
_trackEvent(category, action, optional_label, optional_value)Pour suivre les évènements sur les commentaires j'utilise donc le code suivant:

<input onclick="pageTracker._trackEvent('commentaire', 'previsualiser', 'Filtrer les Accès par Référencement naturel (SEO) dans Google Analytics');" value="prévisualiser" type="submit">
<input onclick="pageTracker._trackEvent('commentaire', 'envoyer', 'Filtrer les Accès par Référencement naturel (SEO) dans Google Analytics');"value="envoyer" type="submit">

A quelles question je peu répondre ?

Je suis maintenant capable de répondre aux questions suivantes car je n'ai pas fait ça pour m'amuser LOL:

Comment évolue le volume d'interactions sur les commentaires et donc l'efficacité de l'objectif communautaire du blog ?
Quels billets du blog provoquent le plus d'interactions et comment cela évolue au fil du temps sur un billet particulier?
Dans quelle mesure la fonction de prévisualisation est utile aux internautes et faut-il la conserver ?

.... et encore beaucoup d'autres il ne reste plus qu'à faire faire jouer sa curiosité

Commentaires

1.christian Le dimanche,15 février 2009 08:43

bonjour,
NOID, je ne suis pas sûr de comprendre ce dont tu parles.
Mais ce qui serait intéressant serait de tracker le remplissage des champs de formulaire ; afin de savoir si un visiteur qui n'a pas soumis le formulaire a commencé à le remplir... afin de savoir si le formulaire doit évoluer !!
je n'ai pas encore cherché à le faire mais ça ne va pas tarder !

2.noid Le dimanche,15 février 2009 12:33

oui effectivement ce serait intéressant; tiens moi au courant si tu trouves,
dans le même principe que la méthode décrite (qui ne fonctionne pas chez moi )on pourrait utiliser un le suivi des événements sur les balises <input> du formulaire avec onfocus

ex:
<input onfocus="pageTracker._trackEvent ('commentaire', 'Champ 1', 'Filtrer les Accès par Référencement naturel (SEO) dans Google Analytics');" >

ici un évènement "champ 1" serait donc enregistré sur activation de ce champ par l'internaute

3.christian Le lundi,16 février 2009 11:09

je pensais plutôt utiliser "onblur", de la façon que tu décris.
Bon je n'ai tjs pas testé.

4.christian Le lundi,16 février 2009 11:11

d'ailleurs on pourrait rajouter une condition, pour s'assurer que le champ a été rempli et pas simplement cliqué
OU ALORS, selon qu'il n'a été QUE CLIQUE ou REMPLI, on pourrait envoyé une valeur différente pour l'action, par exemple "clic", "rempli"

5.christian Le mardi,17 février 2009 13:13

c'est exactement la proposition que fait Brian Clifton dans son bouquin :

onblur="if( .....value!=' '); pageTracker._trackPageview('/form/signup/firstname')"

6.christian Le mardi,17 février 2009 13:29

sauf que lui suggère "_trackPageview()" et non pas "_trackEvent()" ...

7.noid Le mardi,17 février 2009 14:24

Du coup, comme il crée des urls virtuelles il doit pouvoir paramétrer le remplissage d'un formulaire comme un entonnoir conversion et voir à quel moment il y a des blocages dans son formulaire (remplissage d'un champ = 1 page virtuelle de l'entonnoir de conversion). Cette méthode est prafaite pour un formulaire de conversion assez long dont on veux tester l'efficacité

merci pour l'info comme j'ai pas lu le livre

Par contre la méthode de l'évènement est sans doute plus plus adaptée si je veux mesurer le type d'action sur le formulaire ("envoyer" et "pré visualiser" sur mon blog par exemple) ainsi que si je veux mesurer le degré d'interaction sur un billet ou une catégorie de mon blog en utilisant les variables de suivi d'évènements de la fonction _trackevent()

8.christian Le mardi,17 février 2009 18:06

Du coup, comme il crée des urls virtuelles il doit pouvoir paramétrer le remplissage d'un formulaire comme un entonnoir conversion
Tu veux dire pouvoir utiliser ces url virtuelles en étapes pour l'objectif ?
Hum, j'ai du mal à imaginer comment ça peut être possible... si je trouve une piste (dans le bouquin ou ailleurs d'ailleurs...)

9.noid Le mardi,17 février 2009 20:38

Oui c'est ça s'en servir comme étape pour l'objectif

etape1 "/form/signup/firstname"
etape 2"/form/signup/lastname"
etape 3 "/form/signup/adresse"
....
objectif "/confirmation"

ça devrait fonctionner logiquement (pas testé)

10.christian Le mercredi,18 février 2009 14:31

je ne vois pas comment tu pourrais tracker ce qui se passe sur ce textarea avec le code suivant :
<textarea onblur="if(this.value!=' '); pageTracker._trackPageview('/form/commentaire/commentaire" name="c_content" id="c_content" cols="35" rows="7"></textarea>
Regarde ton onblur !

Sinon, j'ai vu regardé aussi ton tag pour trackEvent : le pb est que tu n'as pas jamais déclaré de variable de tracling d'événement... C'est à dire que ton trackEvent ne veut rien dire a priori.

D'autre part, si tu traquer des éléments type "événement" ou même des pages virtuelles, il faut que ton appel au JS de GA se fasse avant les appels de fonctions... donc au début du body par exemple.

11.noid Le mercredi,18 février 2009 18:28

merci pour le coup de main !
je patauge encore pas mal la dessus étant donnée que je suis pas un grand spécialiste de Javascript et du DOM