01 May 2018
Lorsqu’on se met à utiliser souvent Google Analytics, on rencontre un paquet de raison d’utiliser le suivi des événements dans Google Analytics. En fait, il existe tellement de bonnes raisons d’utiliser le suivi des événements, qu’on est en droit de se demander pourquoi tout le monde n’en fait pas de même ? Ce guide a été conçu de manière à te présenter la gestion des événements dans Google Analytics, mais aussi ce que cela recouvre, et des exemples de code particulièrement utile à mes yeux.
Avec un tout petit peu de code, tu va être en mesure de commencer à collecter beaucoup d’informations qu’il te serait possible d’avoir avec un rapport Google Analytics classique. Tu seras en mesure de savoir lorsqu’on clic sur un bouton ou un lien en particulier, mais aussi si un formulaire à été remplis par exemple.
Mais la collecte est presque sans limite car c’est à toi de configurer ce que tu veux voir remonter. Il te suffira de passer quatre petites informations, et à toi les rapports Google Analytics. Tu remarqueras par exemple que je ne traiterais pas dans ce billet le cas spécifique du eCommerce.
La gestion du suivi des événements dans Google Analytics passe par le fait de fournir à ce dernier quatre informations :
Catégorie, Action, Label et Valeur
Nous reviendrons plus tard sur la gestion des événements sans interaction, ils ne nécessitent pas de passer d’information supplémentaire. Tu remarqueras qu’il n’est pas question ici de monitorer l’origine de la page sur laquelle l’événement s’est déroulé; la fonction trackPageview étant implémenté dans le rapport de base de Google Analytics.
On retrouvera tous nos rapports de suivi des événements dans votre Google Analytics -> Comportement -> Événements.
Avant de te lancer, je te conseil de bien penser à la manière dont ces données vont être présentés. Il faudra penser un peu à regrouper les activités similaires au travers des catégories et des labels, sinon tu vas littéralement crouler les actions, et tu vas plus rien y comprendre ! Trop de datas tue la data !
Il faut penser tes catégories et tes labels de manière à ce qu’ils te permettent une lecture globale d’un événement en particulier, et faire en sorte que l’ajout des labels dans tes catégories te permettent de créer facilement des sous-groupes. Pas de panique, je te donne des exemples un peu plus bas. Cela te permettra à la fois d’y voir plus clair, et de pouvoir démarrer rapidement.
Code basique de suivi des événements
Vu de manière classique, voici à quoi ressemble le code basique de suivi des événements dans Google Analytics :
_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)
Il te suffi de remplacer chaque libellé par ce que tu veux suivre. C’est pas bien sorcier hein ? En plus, si je te dis que seul l’action et la catégorie sont obligatoire et que tout le reste est optionnel… Easy !
Allé, un petit exemple parce que t’es bien gentil, je t’aime bien : Suivre le nombre de téléchargement d’un rapport annuel de votre entreprise, au format PDF. Et tu sais quoi… C’est exactement lorsqu’un client a téléphoné pour poser cette question, que je me suis dis que tout le monde avait besoin de faire du suivi d’événements :) Voici ce qu’on devrait mettre en place :
- Une catégorie pour tous les rapports annuels de ce type
- L’action “Télécharger” commune à tout votre site.
- Un label pour distinguer le rapport de cette année de celui des autres années.
- Une valeur allant de 0 à 5. À vous de voir si cela doit représenter une véritable unité de mesure pour vous, ou si cela sera juste arbitraire.
- Une valeur true pour la partie non interactive. J’y reviens un peu plus bas.
Ce qui pourrait donner en mode basique :
_trackEvent(‘rapports-annuel’, ‘télécharger’, ‘Rapport 2017’, 5, true)
Un détail à bien garder en tête. Si tu veux que ton événement soit remonté à Google Analytics, alors il va falloir que tu mettes ton code à l’intérieur de la fonction onClick, comme ça :
onClick=”_gaq.push([‘_trackEvent’, ‘rapports-annuel’, ‘télécharger’, ‘Rapport 2017’, 5, true]);”
L’exemple était donné pour le suivi du téléchargement d’un fichier PDF, voici donc ce que ça donnera :
<a href=”/telechargements/rapports-annuel/rapport-2017.pdf” onClick=”_gaq.push([‘_trackEvent’, ‘rapports-annuel’, ‘télécharger’, ‘Rapport 2017’, 5, true]);” target=”_blank”>Super rapport 2017</a>
Sérieux, je suis certain que tu as déjà vu plus compliqué. Après tout, tu viens bien de voir que pour gérer ce type de suivi d’événements, il te suffit d’insérer cette balise dans une simple balise <_a>_. Il te suffit de copier coller ce code une fois que tu l'as fait, et t'es tranquille. Attention à bien changer la valeur par contre hein :)
Si t’es un peu développeur, tu remarqueras que nous parlons de JavaScript; si tu veux rendre une partie du code d’avant automatique en fonction de la page sur laquelle tu te trouves, ce n’est pas bien complexe.
Événements et taux de rebond
Si tu implémentes les événements un peu en mode bourrin alors tu vas avoir une drôle de surprise : ton taux de rebond va chuter. Un peu, voir énormément, cela dépend. Pourquoi ? Car le taux de rebond est calculé par rapport au nombre de personne consultant une seconde page, et celle partant. Celles qui consulterons une seconde page feront l’action d’en consulter une deuxième… Tu me vois venir ? Car le déclenchement d’une action est considéré par Google Analytics comme une action est donc pas un rebond.
Si tu ne veux pas que le déclenchement des tes trackeurs de suivi des événements ne perturbent tes rapports, il te suffit de dire à Google Analytics que cet événement ne doit pas être comptabilisé comme une action. Si tu as bien suivi, je te disais que j’allais te dire pourquoi il fallait mettre opt_noninteraction à True. Maintenant, tu sais pourquoi.
La valeur d’un événement
Si pour un site de eCommerce il n’est pas bien compliqué de savoir où chercher pour donner une valeur à notre événement (le prix d’un produit par exemple…), il en va différemment pour les autres types de site. Comme il est possible de mettre n’importe quelle valeur positive, tu pourras par exemple différencier une action que tu estimes avoir de la valeur, et une action qui n’en a pas. Cela te permettra de faire des comparaisons de session de surf, et déterminer les comportements.
Il t’es aussi possible d’utiliser ce champ valeur pour retourner le temps écoulé d’une vidéo au moment de l’action. Petit conseil, assures-toi que tout le monde sache que le rapport ne va pas remonter une valeur pécuniaire, mais une valeur de type temps.
Rapport de suivi des événements dans Google Analytics
Avant de plonger dans les arcanes du suivi des événements dans Google Analytics, prenons une seconde pour parler du rapport en lui-même. Voici ce que tu trouveras dans tes rapports :
- Total événements : Combien d’événements ont été enregistrés.
- Événements uniques : Combien d’actions unique ont été déclenchée.
- Valeur de l’événement : La valeur totale enregistrée (seul vous savez ce que cela représente : du temps, de l’argent…)
- Valeur moyenne : Valeur moyenne sur tous les événements.
- Visites avec événements : Combien de visites ont déclenchées des événements.
- Événements / visites : Nombre moyen d’événements enregistrés par visite.
Toutes ces données sont ensuite regroupées par catégorie ou label et il sera possible de voir ces données sur la partie pages de ton rapport Google Analytics.
Encore un petit conseil : Crée des objectifs (goals) pour suivre les événements que tu estimerais plus important que les autres.
Des exemples d’utilisation du code de suivi d’événements Google Analytics
Bon, je pense que tu as compris les bases maintenant. Mais toi et moi, on sait que passer du concept à son implémentation peut parfois relever d’une grande gageure. Je te propose plusieurs exemples, allant de l’exemple simple et basique, à l’exemple qui va demander de plonger les mains dans le code de ton site web.
Suivi basique des clics / interactions
- Liens externes
- Formulaire d’inscription, log-in et formulaire de création de compte
- Téléchargements
Niveau intermédiaire
- La gestion des vidéos
- La gestion des boutons de partage des réseaux sociaux
Haut niveau, mais top !
- Suivi de l’avancement du remplissage d’un formulaire
- Suivi du scroll sur une page
Suivi basique des événements dans Google Analytics
Ici, tu vas trouver ce qui se fait de plus basique en terme de suivi des événements sur ton site web. Basique ne veut pas dire sans intérêt. Au contraire, seule ton imagination sera ta limite. On parle de basique car il n’y a pas besoin d’être un expert pour tous les mettre en place.
Tu te dis que le suivi des événements dans Google Analytics ça semble trop de la balle mais tu as pas la moindre idée de quoi suivre ? Fais un tour sur ton site. Fais des captures d’écrans de tes différents pages, et regardes sur quoi on peut cliquer. Cela te donnera déjà une bonne base pour démarrer ;)
Suivi des liens externes
Suivre les clics sur les liens externes, c’est se mettre à connaître plein de choses sur ces clics :
- Clics sur de la publicité
- Clics vers un site sœur ou enfant
- Clics vers vos profils sociaux
- Clics vers votre chaîne YouTube ou tout autre sites que tu promeus
- Clics d’affiliation ou AdSense
- Clics sur le chat intégré au site (si ce dernier est un service externe)
Chaque suivi de clic te permettra d’avoir des informations plus pertinentes. Certaines auront plus de valeur pécuniaire que d’autre, mais toute te permettrons au moins de savoir une chose : tes liens sont-ils cliqués ? Nan parce que si personne clique dessus… À toi de voir quel type de clic à de la valeur pour ton business.
Voici à quoi va ressemble le code de suivi Google Analytics à mettre en place :
<a href=”https://lien.versmonsite.com” onClick=”_gaq.push([‘_trackEvent’, ‘ressource’, ‘lien externe’, ‘https://lien.versmonsite.com’, 1, true]);” target=”_blank”>Mon super site</a>
Nous avons nommé cette action ressource cliqué à partir d’un lien externe avec une valeur de 1 et true pour dire à Google de ne pas le compter comme une action.
Formulaire d’inscription, log-in et formulaire de création de compte
As-tu un ou plusieurs formulaires sur ton site qui nécessitent d’inscrire des infos et cliquer sur envoyer ? Que cela soit un formulaire de connexion, un formulaire d’inscription à une newsletter ou un formulaire de création de compte, tu peux tout suivre ! La seule qu’il te suffit de faire est d’inscrire ton petit morceau de code dans celui du bouton d’envoi du formulaire, et le tour est joué !
<input type=”submit” onClick=”_gaq.push([‘_trackEvent’, ‘form, ‘submit’, ’Inscription email’, 10]);” value=”S’inscrire à notre newsletter” />
Suivi des téléchargements dans Google Analytics
Tu veux savoir combien de fois tes fichiers PDF ont été téléchargés ? Enfin, tu veux surtout le savoir dans Google Analytics :) C’est super simple :
<a href=”/telechargements/rapports-annuel/rapport-2017.pdf” onClick=”_gaq.push([‘_trackEvent’, ‘rapports-annuel’, ‘télécharger’, ‘Rapport 2017’, 5, true]);” target=”_blank”>Super rapport 2017</a>
Que cela soit un rapport ou pas. Que cela soit un fichier PDF ou XLS, PNG, JPG, DOC ou ce que tu veux, tu peux aussi suivre les événements dessus.
La gestion des vidéos
Jusqu’ici, les choses étaient simples. Passons la seconde.
lorsque tu diffuse des vidéos sur ton site, je parie que YouTube doit être de la partie. Tu as donc déjà accès à pas mal de statistiques. Mais si tu veux savoir la manière dont les personnes interagissent avec tes vidéos, il va falloir allé plus loin. Et en suivant quoi tu me diras ? Bah les clics sur les boutons play stop et pause voyons !
Le code qui suit est ici que pour te donner une vision du résultat finale. Mais il va falloir en faire plus que ça pour que tu lecteur vidéos soit de la partie.
onClick=”_gaq.push([‘_trackEvent’, ‘videos’, ‘play’, ‘Le suivi d’événement sur Google Analytics’,]);”
Il serait possible de faire un article à part entière sur le suivi d’événements dans les vidéos. Si ça t’intéresse, regarde cette bibliothèque JavaScript.
La gestion des boutons de partage des réseaux sociaux
En fonction de la manière dont tu as implémenté les boutons de partage des réseaux sociaux sur ton site, tu pourras ou non faire certaines choses. En plus, il va te falloir choisir entre l’utilisation d’Event Tracking ou du rapport sociale de ton Google Analytics. Les deux ne sont pas compatibles.
Laisser Google faire le job est une option totalement défendable ! Si tu veux faire les choses autrement, voici comment t’y prendre.
Pour Twitter :
<a href=”https://twitter.com/mytweets” onClick=”_gaq.push([‘_trackEvent’, ‘social media’, ‘twitter’, ‘My Twitter’]);” target=”_blank”>My on Twitter</a>
Pour Facebook :
<a href=”https://en-gb.facebook.com/myfb” onClick=”_gaq.push([‘_trackEvent’, ‘social media’, ‘facebook’, ‘My Facebook’]);” target=”_blank”>My on Facebook</a>
Rien de complexe hein ? enfin… À la condition de savoir manipuler les boutons de partage des réseaux sociaux ;)
Suivi de l’avancement du remplissage d’un formulaire
On oublie la troisième et la quatrième, et on passe direct en cinquième si ça te dérange pas trop.
Quand on a un formulaire sur son site, on se demande souvent si ce dernier ne souffre pas de soucis. Si les gens le complètent jusqu’au bout. S’il n’y aurait pas un champ qui pose problème. Si tu conjugues l’envoi d’action à chaque changement de champs par JS au l’utilisation intelligente de JavaScript, alors tu obtiens le code suivant.
Suivi du scroll sur une page
Tu aimes les pages super longues ? Tes collèges pensent que plus c’est court, mieux c’est ? Autant trancher avec des donner, et pas son pif, tu en penses quoi ? Saches que Google Analytics peut t’aider à savoir si la page est scrollée ou pas, et jusqu’où ! C’est pas parce que cela est possible que cela est simple. Tu en sauras plus en suivant ce lien.
En conclusion
Si tu utilises Google Analytics sur ton site, alors tu te dois d’utiliser le suivi d’événements. Ce sont des données très précieuses, qui te permettrons de savoir ce qui se passe sur ton site, et aussi de bien mieux connaître tes internautes.
L’implémentation du suivi des événements en mode basique est… vraiment basique et puissant.
Et toi, tu as déjà implémenté le suivi d’événements sur ton site ? Lesquels utilises-tu ou souhaites-tu utiliser ?
