Back to Blog

Le suivi des événements | Leçon #5

mars 23, 2018 | Alex Castro | | École de Smartlook

Tu as maîtrisé l’art de repérer tes visiteurs les plus importants et tu as réussi à évaluer les performances de tes pages Web à l’aide d’heatmaps. Il est temps de faire un pas avant supplémentaire et commencer à suivre les actions (les événements) les plus importantes des utilisateurs. Il s’agit de n’importe quelle action que tu souhaites suivre, telle que l’ouverture d’une certaine page, du clic sur un bouton spécifique ou le terme spécifique entré dans un champs de recherche.

Dans cette leçon tu apprendras comment mettre en place les événements et comment travailler avec les statistiques obtenues.

Suivi d’un événement

Commence par aller à l’onglet Événements et crée un nouvel événement.

Les événements du clic sur un texte

Tu peux obtenir des données sur des actions spécifiques qui ne suscitent pas de changement d’URL, comme des clics sur des boutons ou les interactions avec des fenêtres de la vente incitative.

Disons que tu viens de lancer une nouvelle fonctionnalité – un bouton « cœur » sur lequel les utilisateurs peuvent cliquer pour ajouter un produit à leur liste des favoris (un peu comme le principe que d’enregistrement des appartements sur le site Airbnb).

Puisqu’un clic sur ce bouton ne redirige pas l’utilisateur à une autre page, il est impossible de suivre l’usage de ce bouton via le suivi des pages. Pourtant, tu as besoin de suivre les clics sur ce bouton. Comment le faire?

Tu as introduit ce bouton « Ajouter » et tu veux suivre tous les clics à travers le site Web entier. Fais-le en définissant un événement pour une action d’un clic sur un élément contenant le texte « Ajouter”.

Si, sur ton site Web, tu as plusieurs boutons contenant le même texte et tu veux suivre un seul bouton spécifique, il y a une autre façon d’installer l’analyse des événements et ce via les éléments du sélecteur CSS. Tu en apprendras plus dans la leçon suivante.

Les événements de l’URL visité

Avec les événements du clic sur un texte, tu apprendras le nombre de clics exécutés sur un bouton spécifique, sur un lien ou un élément de ton site Web. Tu peux maintenant définir un nouvel événement par URL visité.

Avec ces deux types d’événements tu peux par exemple comparer le nombre de gens qui ont visité ta page de produit (les vues de page) au nombre de gens qui ont cliqué sur le bouton “Ajouter” (les clics) pour ajouter des produits à leur liste des favoris.

La mise en place est vraiment très facile. Tout ce dont tu as besoin c‘est coller l’URL de la page Web et Smartlook t’enverras le chiffre qui correspond. Plus loin dans cette leçon tu vas apprendre comment comparer les événements.

Les événements du texte tapé

En plus du suivi des clics et des vues de pages, tu peux également suivre les saisies de tes utilisateurs. Bien sûr des informations sensibles, telles que les mots de passe, les coordonnées bancaires sont automatiquement bloquées, cela signifie qu’elles ne sont pas enregistrées.

Disons que tu as un moteur de recherche sur ton site Web que tes visiteurs utilisent pour rechercher des marques spécifiques des produits. Tu peux suivre les saisis pour découvrir combien de visiteurs recherchent des produits d’Adidas.

Ces informations peuvent te donner une vue d’ensemble des intérêts de tes visiteurs. Y a-t-il des termes spécifiques recherchés fréquemment? Garde un œil sur les recherches de tes spectateurs grâce au suivi des saisies particulières (le texte tapé).

Après l’enregistrement d’un événement, tu verras tes données sur-le-champs !

Les statistiques des événements

Maintenant allons jeter un coup d’oeil sur les données que tu peux obtenir.

Après l’installation d’un événement, tu verras un graphique contenant le nombre d’événements à travers le temps, tu peux sélectionner un jour passé, une semaine, ou un écart spécifique de dates (1). Ajuste le graphique selon tes besoins. Tu sauras combien de fois un événement spécifique a été déclenché ou combien d’utilisateurs uniques ont déclenché un événement (2). Tu peux même ajuster les unités horizontales du graphique: quotidiennement, par semaine ou mensuellement (3).

Compare les événements et regarde les enregistrements des événements

Tu peux comparer tes événements (1) et voir les graphiques de quatre différents événements en même temps (2). Tu peux même lire les enregistrements dans lesquels ces événements se sont produits (3). Regarde combien de fois un événement s’est produit, le nombre d’utilisateurs  individuels qui ont déclenché l’événement et combien de fois en moyenne un événement a été déclenché par utilisateur.  (4).

Regarder les enregistrements d’événements

Une fois tu cliques sur le bouton “lire un enregistrement”, tu es redirigé à l’affichage des enregistrements dans ton dashboard. Pourtant tes enregistrements sont déjà filtrés (1) alors la sélection que tu as devant les yeux ne contient que les enregistrements dans lesquels cet événement spécifique apparaît.

Tu peux aussi enregistrer le filtre des événements sous un segment (2) et facilement obtenir une liste des enregistrements, par exemple une liste des visiteurs recherchant des produits de la marque Adidas.

Lorsque tu lis un enregistrement, l’événement filtré apparaîtra balisé par un drapeau. L’enregistrement commence dès le moment où l’événement apparaît, alors tu n’as pas besoin de regarder l’enregistrement entier – que les parties que tu as besoin de voir.

Dans cette leçon tu as appris comment:
  • Mettre en place les événements des URL visités
  • Mettre en place les événements des clics
  • Mettre en place les événements du texte tapé
  • Analyser les statistiques obtenues des événements
  • Comparer les événements
  • Regarder les enregistrements des événements

Maintenant c’est à toi !

Commence avec les cinq événements les plus importants que tu veux suivre. Tu peux commencer à définir ces événements et en créer d’autres plus tard. Quel genre de résultats as-tu découvert ? Fais le nous savoir dans les commentaires.

Envie d’apprendre autre chose ?

Regarde la leçon 6 !

Le suivi des événements en utilisant les sélecteurs CSS | Leçon #6

Discussion