Hotjar : comment analyser les replays vidéos ?

Hotjar - analyse video replay

SOMMAIRE

#1 Hotjar : regardez ce que font vos visiteurs

Hotjar permet d’obtenir des replays vidéo des visiteurs de votre site. L’outil enregistre, en temps réel, les actions des internautes sur votre site.

Vous visualisez les mouvements de souris, les clics, les scrolls, le remplissage des formulaires, un peu comme si vous étiez derrière l’épaule du visiteur lorsqu’il navigue.

C’est un moyen efficace pour mettre en exergue les questionnements que peuvent avoir vos visiteurs. Prenons un exemple simple.

Sur une page spécifique : MonDomaine.fr/MaPage, Google Anlaytics vous indique de nombreuses informations utiles :

  • les visiteurs viennent à plusieurs reprises sur la page entourée en rouge (cf image ci-dessous) ;
  • le temps passé sur cette page est de 1 minute 31 secondes en moyenne ;
  • cette page a une forte valeur dans le système de calcul : 36,73 €.

Nous constatons un problème : cette page qui a une forte valeur, a également un taux de rebond (bounce) important. Corriger un problème sur cette page apportera une forte valeur à votre site. Mais… quel est le problème à corriger ?

Ces données doivent être couplées avec d’autres analyses. C’est là qu’intervient Hotjar et ses replays vidéos ! 

Quelles sont les informations manquantes permettant de prendre une bonne décision ? Avec Google Analytics, nous ne comprenons pas le fond du problème.

En analysant les vidéos du site à travers Hotjar, nous remarquons immédiatement que les visiteurs qui arrivent sur cette page, cherchent une information spécifique qu’ils ne trouvent pas.

Ils scrollent vers le bas, passe la souris sur tous les textes de la page et repartent.

En quittant cette page, ils se dirigent vers la F.A.Q du site, lisent une section concernant les méthodes de livraison du produit et reviennent ensuite pour passer commande.

Ceux qui ne trouvent pas l’information recherchée, ou qui ne prennent pas le temps de la chercher, repartent sans passer commande.

C’est cette information manquante que nous retrouvons grâce à Hotjar et qui est primordiale pour améliorer la conversion sur notre site.

La fonctionnalité de replay vidéo proposée par Hotjar est une mine d’or !

Maintenant que nous savons à quoi cela va nous servir, passons en revue ensemble le processus d’installation.

Je ne sais pas où commencer l’analyse de mon site ? Quelles sont les prochaines actions pour augmenter mon trafic ? Si ces questions vous parlent, écrivez-nous à thibault @ growthfamily.com.

#2 Mettre en place Hotjar sur votre site

#2.1 Étape 1 : création de compte

Pour utiliser Hotjar, il faut créer un compte sur le site : Hotjar.com.

Hotjar

Pas d’inquiétude, les fonctionnalités présentées dans cet article restent dans l’offre gratuite. Il n’y a pas de limite dans le temps 🙂

Une fois votre compte créé, vous devez ajouter un bout de code sur chaque page de votre site.

Pour faire cela, je vous recommande chaudement de passer par Google Tag Manager.

#2.2 Étape 2 : le tag Hotjar

GTM (Google Tag Manager) vous permet d’installer rapidement et facilement une application tierce sur votre site.

Plus de détails à ce sujet dans notre article dédié à l’installation de GTM.

Suivez le processus d’installation via la vidéo ci-dessous :

Pour résumer, voici les étapes à suivre pour installer Hotjar via GTM (ce sont les mêmes que sur la vidéo) :

  • Connectez-vous à votre compte GTM ;
  • Cliquez sur Tags ;
  • Cliquez sur New ;
  • Sélectionnez le tag que vous souhaitez mettre en place. Hotjar ayant un partenariat avec GTM, une intégration est proposée. Cliquez sur l’élément Hotjar ;
  • Renseignez le numéro de compte que vous retrouvez sur votre espace Hotjar ;
  • Choisissez le trigger “All Pages” ;
  • Enregistrez votre tag ;
  • Attention ! Tant que vous n’avez pas publié votre workspace, celui-ci ne sera pas envoyé à votre site. Il faut finaliser l’opération en cliquant sur Submit.

#2.3 Étape 3 : vérification de l’installation

Depuis votre backoffice Hotjar, une option permet de vérifier la bonne installation du service. C’est très facile à utiliser et surtout hyper pratique.

Lors de l’installation, Hotjar vous propose de renseigner l’url de votre site. Une nouvelle fenêtre avec votre site s’ouvre.

Cette fenêtre affiche une indication visuelle en haut à gauche de cette nouvelle page si l’installation est OK.

Si vous ne voyez rien apparaître, c’est que vous avez un problème !

#3 Paramétrer Hotjar

#3.1 La vidéo

Maintenant que le script Hotjar est disponible sur votre site, lançons les premières campagnes d’enregistrement :

  • Connectez-vous à votre compte Hotjar ;
  • Cliquez sur l’entrée de menu “Recording” ;

Screen Shot 2017-11-09 at 13.57.39

  • Cliquez sur “Record More Visitors” ;

Screen Shot 2017-11-09 at 13.59.04

  • Pour rester sur le plan gratuit, cliquez simplement sur les 3 boutons “Done” qui se présentent à vous.  Cela permet d’enregistrer 100 vidéos à la fois ;

Screen Shot 2017-11-09 at 14.01.23

  • Cliquez ensuite sur le bouton Start Recording ;

Screen Shot 2017-11-09 at 14.02.13

De nombreuses options d’enregistrement existent :

  • obtenir entre 2000 et 5 000 enregistrements,
  • sélectionner les pages à partir desquelles débute l’enregistrement,
  • sélectionner uniquement les sessions de plus de 30 secondes, etc.

Une grande partie de ces options fait partie des plans payants.

À vous de voir à quel moment, le plan payant devient nécessaire pour vous aider à développer votre business.

Maintenant que vos vidéos sont en cours d’enregistrement, complétons ce paramétrage avec une carte de chaleur !

Besoin d’aide pour comprendre et analyser les données de votre site ? Vous cherchez à mesurer l’impact de vos actions sur votre site mais ne savez pas comment faire ? Prenez contact : thibault @ growthfamily.com.

#3.2 Les cartes de chaleur

Une carte de chaleur correspond à une image d’une page de votre site où sont rassemblées différentes informations importantes.

Vous apprendrez :

  • quelles sont les zones les plus cliquées,
  • jusqu’où scrolls les visiteurs,
  • quels sont les mouvements de doigts si le visiteur est sur mobile.

Screen Shot 2017-11-09 at 14.11.04

Le paramétrage est très simple ! La carte de chaleur se paramètre en quelques clics :

  1. Cliquez sur le menu “Heatmaps” ;
  2. Cliquez sur le bouton “+ New Heatmap” ;
  3. Nommez votre carte de chaleur en fonction de la page que vous souhaitez enregistrer (exemple : page d’accueil, page catégorie Parquet, 1er page du tunnel, etc.) puis cliquez sur “Next” ;
  4. Cliquez de nouveau sur “Next” si vous souhaitez rester sur le plan gratuit ;
  5. Renseignez l’url de la page qui va être enregistrée ;
  6. Cliquez sur “Create Heapmap”.

Dès qu’une carte de chaleur est prête (1 000 enregistrement) ou que les 100 enregistrements vidéo sont finis, vous recevez un email pour vous prévenir.

#4 Analyser les replays vidéos

Rapidement, on se retrouve avec 100, 200 ou 300 vidéos différentes à regarder. Et à force de les passer en revue, de multiples problèmes se découvrent. Il devient compliquer d’organiser tout cela…

C’est à ce moment qu’une méthode d’analyse et de priorisation des actions est nécessaire.

#4.1 La zone de travail

Très important, il faut fixer une zone de travail :

  • Sélectionnez uniquement les internautes mobile/tablette OU desktop ;
  • Sélectionnez un unique type de page à analyser (Accueil, catégorie, fiche produit, tunnel).

Cependant, les visiteurs naviguent sur votre site et passent de pages en pages. Si vous concentrez vos efforts sur les fiches produits, comment vous assurer que les vidéos correspondent à vos besoins ? Voici la réponse.

Avant de regarder toutes les vidéos une à une pour savoir si vos visiteurs sont allés sur une fiche produits, Hotjar vous donne deux indications visuelles :

La première indication visuelle concerne l’appareil utilisé par le visiteur : smartphone, tablette ou ordinateur. Cette information est représentée par un pictogramme (Éléments entourés en rouge sur les images du dessous) et est disponible sur les lignes des enregistrements vidéo.

Annotation at November 14th 2017 - 3.12.17 pm@1.5x.png

La deuxième concerne les urls d’entrée et de sortie de votre site. Si le visiteur a visualisé une seule page, cette url est indiquée deux fois. (Exemple avec l’image ci-dessous).

Annotation at November 14th 2017 - 3.14.50 pm@1.5x.png

Sinon, Hotjar indique deux urls. Celle du haut concernant l’url d’arrivée et celle du bas, l’url de départ. (Exemple avec l’image ci-dessous).

Annotation at November 14th 2017 - 3.15.13 pm@1.5x.png

Au moindre doute, visualisez la vidéo pour s’assurer que l’enregistrement rentre dans votre sélection.

Supprimez les vidéos qui ne rentrent pas dans votre cible.

Vient ensuite la priorisation des problèmes rencontrés.

#4.2 Les annotations

Il est temps de regarder les vidéos qui nous intéressent. Suivez le guide !

Dans le menu “Recording” du site de Hotjar, vous retrouvez tous vos enregistrements.

Un superbe bouton vert “Play” est disponible en bout de ligne. Cliquez desssus. Un système d’autoplay jouera de manière continuelle les vidéos.

Inutile de passer des heures à tout regarder, deux options très pratiques existent :

  1. La première concerne la vitesse à laquelle la vidéo va se jouer. De base, Hotjar propose une vitesse x2 qui est confortable ;
  2. La deuxième concerne les zones vides. C’est-à-dire les moments où le visiteur ne fait aucune action. Hotjar supprime automatiquement ces blancs. Une session de 3 minutes peut ainsi se regarder en 30 secondes ! (vitesse x2 – 1 minute d’inactivité du visiteur = 30s de replay à visualiser)

Annotation at November 14th 2017 - 3.17.36 pm@1.5x.png

Dès lors que vous détectez un élément perturbateur pour le visiteur, un comportement qui vous semble anormal, vous annotez la vidéo corresponde.

Normalement, les annotations font parties du plan payant. Mais voici comment contourner ce problème :

Au lieu de noter les informations dans la partie “Notes & Actions”, cliquez sur “Session info”.

Ajoutez un tag.

Hotjar tags

Il est recommandé de rassembler les problèmes sous des tags similaires. C’est-à-dire que chaque problème vu doit être catégorisé.

Comptez ensuite les tags qui reviennent de manière récurrente.

C’est en fonction du comportement des visiteurs que vous pourrez ensuite décider de la solution à mettre en place.

Ce guide vous a aidé ? Partagez-le sur LinkedIn, Facebook ou Twitter 🙂 Merci !