Event tracking

Le event tracking ou suivi des événements désigne l’inscription, la documentation et la présentation d’événements en tant que formes spécifiques d’interaction avec les utilisateurs. Les événements sont définis comme des interactions avec des éléments déterminés d’un site web, tels que les menus, les boutons, les téléchargements, les champs de recherche, les vidéos et les liens externes.

Chaque interaction qui est indépendante du chargement du site web peut être suivie, classée et associée à des mots-clés dans le cadre du suivi des événements, afin d’obtenir une vue d’ensemble du comportement des utilisateurs sur le site en question. L’application repose en général sur des éléments réalisés pour un site web à l’aide de JavaScript, Flash ou Ajax. Les rapports peuvent être consultés dans Google Analytics.

Informations générales sur le sujet

Les méthodes de suivi habituelles se fondent sur la communication entre le serveur et le client. Toutefois, si un utilisateur consulte une page qui offre des vidéos ou propose des téléchargements, ces contenus peuvent être consultés sans devoir charger le site à nouveau. Le suivi des événements permet de suivre de telles interactions grâce à l’intégration d’une interface JavaScript qui enregistre ce type de clics sur des éléments d’un site. Le suivi des événements fournit des informations sur la façon dont les utilisateurs interagissent avec le contenu d’un site et sur le type de contenus qui suscite une grande implication.

Les conditions à ce type de suivi sont un compte Google Analytics et la diffusion des événements avec une mention des éléments à suivre. Ceci est possible à l’aide des commandes disponibles dans analytics.js (Universal Analytics) ou ga.js (Google Analytics) – selon la bibliothèque utilisée. Google recommande expressément la nouvelle version d‘Universal Analytics.

Fonctionnement

Afin de suivre les événements, les éléments choisis d’un site web doivent être désignés par une commande dans leur code source. Chaque événement peut être décrit à l’aide de quatre valeurs. Les deux premières commandes sont obligatoires.

• Category : décrit l’élément avec lequel l’interaction a lieu (par exemple, un bouton).
• Action : décrit le type d’interaction, par exemple, un clic.
• Label : décrit plus précisément la catégorie, afin de classer tous les éléments de Category. L’une de ses utilisations sert à distinguer tous les éléments de navigation du menu.
• Value : transmet des valeurs à Analytics, par exemple, le nombre de clics.

La fonction ga est utilisée pour envoyer un événement au système à l’aide de la commande send. Les informations décrivent l’événement de la façon suivante : « bouton » est la catégorie, « clic » est un type d’interaction, « boutons de navigation » est l’étiquette et « 4 » est la valeur.

ga('send', 'event', 'button', 'click', 'nav buttons', 4);

En général, on suit les événements qui ont lieu dans le navigateur des utilisateurs. Ceux-ci peuvent toutefois utiliser plusieurs navigateurs. On configure donc ce qui s’appelle un browser listener afin d’envoyer des événements, même si ceux-ci ont lieu dans différents navigateurs. Voici un exemple de lien de téléchargement considéré comme un événement.

var downloadLink = document.getElementById('button');
addListener(downloadLink, 'click', function() {
  ga('send', 'event', 'button', 'click', 'nav-buttons');
});
/**
 * Utility to wrap the different behaviors between W3C-compliant browsers
 * and IE when adding event handlers.
 *
 * @param {Object} element Object on which to attach the event listener.
 * @param {string} type A string representing the event type to listen for
 *     (e.g. load, click, etc.).
 * @param {function()} callback The function that receives the notification.
 */
function addListener(element, type, callback) {
 if (element.addEventListener) element.addEventListener(type, callback);
 else if (element.attachEvent) element.attachEvent('on' + type, callback);
}

L’intégration du code JavaScript est relativement fastidieuse. Google met donc à disposition le gestionnaire de balises. Il permet de sélectionner et d’inclure automatiquement des éléments de site Internet. Cette utilisation se limite toutefois à certains types d‘événements.

Importance pour l’analyse web

Le suivi des événements inclut des interactions qui ne sont pas détectées par une analyse de l’historique, ni par un suivi en ligne habituel. Cela est notamment utile pour les éléments spéciaux des sites web servant à impliquer l’utilisateur. Tous les éléments visant à entraîner une action peuvent être évalués de cette façon.

Si l’on s’intéresse aux possibilités offertes par le suivi des événements, c’est avant tout la possibilité d’une conception ergonomique d’un site qui se démarque. Les données de l’interaction permettent d’orienter la conception du site web en fonction des besoins des utilisateurs. Les événements servent ensuite à l’optimisation constante du site et des éléments qu’il contient. Il peut s’agir ici d’aspects banals tels que la position d’un bouton acheter maintenant ou du placement des contenus pour un effet psychologique et cognitif, par exemple lorsque les mouvements de la souris sont enregistrés grâce au passage du curseur.

Il faut également mentionner l’enregistrement d’événements spécifiquement définis, les événements personnalisés. Ils peuvent être utilisés pour des widgets spécifiques, tels que les demandes de prix ou consultations météorologiques et ils donnent un aperçu de l’interaction avec les éléments du site web qui offrent des fonctions supplémentaires sans pour autant être un composant intégral du fichier HTML. Le suivi des événements est donc indispensable pour parvenir à une vision complète de l’interaction avec les utilisateurs et à une présentation conviviale et facile d’utilisation du site web.

Lien web

• Google Tag Manager : suivre les événements, formations-analytics.com, ouvert le 19.09.2017