Nilsine

Clicktale, ou comment regarder par dessus l’épaule de vos internautes

N'avez vous jamais rêvé de pouvoir vous introduire chez vos internautes de passage sur votre site afin d'espionner par dessus leurs épaules la moindre action entreprise sur celui-ci ? Clicktale l'a fait !

Avec ce service vous allez pouvoir visionner en temps réel l'enregistrement d'une visite d'un internaute. C'est à dire essentiellement les mouvements et clics de sa souris et l'interaction avec les formulaires. En clair tout ce qu'un outil de statistiques classique ne fait pas. Et cela fait toute la différence ! En simulant les mouvements de la souris enregistrés au dessus des pages de votre site web il est ainsi possible d'avoir un équivalent proche de ce que pourrait être un enregistrement temps réel sur l'écran de l'internaute.

C'est donc un outil formidable pour détecter tous les problèmes en matière d'ergonomie, d'accessibilité ou de qualité en général. Et quel bonheur de voir comment les internautes surfe sur son site web ! En plus de tout cela Clicktale est capable de générer une multitude de rapports comme des heatmaps de clics (carte avec des zones de couleurs différentes en fonction du taux de clic), des heatmaps de scrolling ou tout récemment des heatmaps de mouvements de la souris censés pouvoir produire l'équivalent d'une campagne d'eye-tracking mais pour beaucoup moins cher.

Installation

Une fois votre compte créé la première étape (très rapide) est de générer le code JS de tracking. Pour cela l'application va vous demander quel pourcentage d'internaute vous souhaitez enregistrer. En effet l'abonnement au site fonctionnant sur un modèle de type crédits de page enregistrés il serait trop couteux d'enregistrer tous les internautes. Vous pouvez éventuellement mettre ce chiffre assez haut au départ afin d'avoir un nombre intéressant de sessions enregistrées puis le baisser par la suite (second paramètre de la fonction ClickTale). Les codes récupérés sont à placer après le début et avant la fin de la balise body.

Pour tester, visitez votre site avec le paramètre supplémentaire "?ct=enable" qui indiquera à Clicktale de forcer l'enregistrement de cette session. N'oubliez pas une fois votre test terminé de le désactiver (pour éviter la dépense de crédit) avec "?ct=disable". L'apparition des sessions enregistrées dans votre interface est instantanée.

Les effets JS

Lors du replay, le mouvement de la souris est simulé au dessus des éléments de votre site par une image se déplaçant. Sans modification particulière Clicktale est donc incapable de provoquer des événements JavaScript tel que ceux qui afficheraient un menu au rollover ou lanceraient une requête AJAX. Ils ont donc développé dans leur API la fonction "ClickTaleExec" qui permet de sauvegarder tous ces événements et de les restituer lors du playback. Voici l'exemple donné par leur support:

Une fonction qui serait comme celle-ci:

function ButtonClicked()
{
pane.style.display="block";
}

Deviendrait:

function ButtonClicked()
{
ClickTaleExec("ButtonClicked()");
pane.style.display="block";
}

Lors de l'appel à la fonction, on enregistre en plus des actions déjà définies l'appel à cette même fonction pour que Clicktale sache qu'à ce moment précis il doit relancer le code placé en paramètre. Sont donc exclues par exemple les appels au sélecteur this qui sorti de son contexte ne signifie plus rien.