Suivre le comportement de vos utilisateurs avec Google Analytics

Pragmatic Nerdz
Jun 26, 2020 - 3 Minutes

Comment utiliser le suivi d'événements dans Google Analytics pour comprendre les interactions de vos utilisateurs dans votre site?

Photo by Joshua Sortino on Unsplash
Photo by Joshua Sortino on Unsplash

L'intégration de base de Google Analytics vous permet d'avoir les informations sur les visites de votre site web. En intégrant le suivi d'événements, vous allez mieux comprendre comment vos utilisateurs utilisent avec votre site.

Des plateformes comme Amazon, FacebookGoogle etc. utilisent toutes le suivi d'événements afin de comprendre le comportement de leurs utilisateurs.

Qu'est ce qu'un événement?

Avant de commencer à suivre les événements, il est important de comprendre ce qu'est un événement. Chaque événement est composé de quatre composants: la catégorie, l'action, l'étiquette et la valeur.

La Catégorie

Une catégorie permet de grouper les événements.

Par exemple, vous pouvez créer la catégorie "Video" pour regrouper tous les événements relatifs aux interactions avec les vidéos de votre site.

L'action

L'action d'un événement décrit l'action particulière que l'événement est configuré pour suivre.

Par exemple, on peut suivre les actions "play" et "stop" relatives aux interactions avec les vidéos de votre site.

L'étiquette

L'étiquette fournit des informations additionnelles sur événement suivi. Cette information est optionnelle.

Par exemple, les titres de vidéos peuvent être utilisés pour étiqueter les événement relatifs aux interactions avec les vidéos de votre site.

La valeur

La valeur vous permet de suivre une valeur numérique relative à l'événement. Cette information est optionnelle.

Comment Configurer le suivi des événements?

La première étape est d'intégrer Google Analytics dans votre site.

La deuxième étape est d'intégrer la fonction de suivi d'événements dans la section <head> de chacune des pages de votre site, avec ce morceau de code Javascript suivant:

<script>
   function track_event(category, action, label, value) {
     gtag('event', event, {
            'event_category': category,
            'event_label': label,
            'value': value
     }); 
   }
</script>

Visualiser les événements dans Google Analytics

Vous pouvez suivres les événements dans Google Analytics dans la section Behaviour > Events

Receive my Stories your e-mail inbox as soon as I publish them.
Subscribe to my Blog

Cette section contient:

  1. Un graphe qui montre le nombre total d'événements par jour
  2. La liste des événements les plus fréquents
  3. Un lien pour visualiser la liste de tous les événements.
Evénements dans la section Behaviour de Google Analytics
Evénements dans la section Behaviour de Google Analytics

Les événements dans la section Behaviour > Events sont compilés toutes les 24 heures.

Pour voir les événements en temps réels, vous pouvez aller a la section Real Time > Events qui montre les événements des 30 dernières minutes.

Evénements dans la section Real-Time de Google Analytics
Evénements dans la section Real-Time de Google Analytics

Cas d'utilisations du suivi d'événements

Nous allons vous montrer quelques exemple concret d'utilisation de suivi d'événements.

Suivi des clics

Vous pouvez envoyer à Google Analytics des événements lorsque vos utilisateurs cliquent sur des liens de votre site.

<a href="/maths.pdf" onclick="track_event('Manuel', 'download', 'maths.pdf')">
  Téléchargez le Manuel de Mathématiques 
</a>

Chaque fois qu'un visiteur télécharge le manuel de mathématiques, ce morceau de code envoie un événement à Google Analytics avec les informations suivantes:

  • Categorie: Manuel
  • Action: download
  • Label: maths.pdf

Ceci qui permet de faire le suivi journalier des téléchargements du manuel de maths.

Suivi des erreurs Javascript

Une autre utilisation est de rapporter à Google Analytics toutes les erreurs javascript qui surviennent dans le navigateur des utilisateurs. Ceci se fait en intégrant dans le gestionnaire d'erreur global de Javascript l'appel vers Google Analytics.

Voici le code de suivi de toutes les erreurs Javascript, à rajouter dans la section <head> de chacune des pages de votre site

<script>
  window.onerror = function(message, source, line, col, error) {
      const label = source + ' - ' + line + ':' + col + ' ' + message;
      track_event('error', label);
  };
</script>

Chaque fois qu'une erreur survient dans le navigateur d'un visiteur de votre site, ce morceau de code envoie à Google Analytics les informations suivantes:

  • Category: error
  • Action: error
  • Label: Message d'erreur détaillé qui inclut le fichier où l'erreur est survenue, avec le numéro la ligne et colonne.

Cette technique vous permet de détecter à distance les erreurs sur les machine de vos visiteurs!

Conclusion

L'intégration du suivi des événements dans votre site vous donne un outils de suivi puissant qui vous permet de comprendre comment vous utilisateurs interagissent avec votre site web.

Le suivi d'événement vous fournit des informations cruciales sur les failles et opportunités d'amélioration de votre site.

Événements
Google Analytics
Suivi D'événements