Dernière mise à jour : 22 août 2021

Voulez-vous savoir comment vos visiteurs utilisent votre site web ? Comme si vous êtes assis à côté d'eux ?

Comme vous le savez, la création d'un site web est devenu la chose la plus facile au Monde mais pas tout le monde y réussit !

Pourquoi ?
Vous allez me dire...

La plupart des webmasters oublient une partie très importante dans la création de leurs sites, les tests !

Hotjar.com permet aux créateurs de sites d'analyser et afficher le comportement des visiteurs en toute facilité et sécurité, à l'aide d'une interface intuitive et gratuite.

Avec un compte gratuit, vous aurez la possibilité de créer trois "Heatmaps" et enregistrer les mouvements/clics de 300 visiteurs, vous pouvez les supprimer ou passer à un compte PRO pour bénéficier davantage d'enregistrement.

Vous allez découvrir dans ce tutoriel comment j'ai fait pour analyser une partie des visiteurs de Easytutoriel.com

Allons-y !

Connaître de près ses visiteurs avec hotjar

1. Inscription et préparation de hotjar

Pour s'inscrire ouvrez cette page : www.easytutoriel.com/hotjar.com (lien d'affiliation , pour savoir le nombre d'inscrits via Easytutoriel.com)

Cliquez sur "SIGN IN" en haut de la page, pour ouvrir la page d'inscription.

Mettez les informations suivantes :

FULL NAME : Votre nom complet (vous pouvez utiliser un nom qui n'est pas le vôtre...)
EMAIL : Adresse E-mail (mettez un Email valide pour pouvoir réinitialiser le mot de passe)
PASSWORD : Mot de passe.
ROLE : Travail ou rôle professionnel.

Puis cliquez sur la validation reCaptcha et "Continue" pour passer à la deuxième étape d'inscription hotjar.

Dans la deuxième étape mettez les informations suivantes :

ORGANIZATION : Nom de votre site/entreprise
WEBSITE : URL de votre site (attention au protocole, si votre site est en https mettez https)
COUNTRY : Pays de résidence
I accept the Terms & Conditions of use : Acceptation des conditions d'utilisation

Puis cliquez sur "Create Account".

2. Installation du <script> sur votre site

Sur le tableau de bord de votre site "Site Dashboard" vous aurez le code Javascript que vous devez recopier sur les pages de votre site.

Recopiez le code et mettez-le avant </head> !

Si vous utilisez WordPress.org comme CMS, modifiez le fichier header.php de votre thème wp-content/themes/MON_THEME/header.php et ajoutez le code juste avant </head>.

Vous pouvez tout de même modifier le fichier via le tableau de bord de votre site WordPress via "Apparence" > "Éditeur".

3. Accéder aux statistiques hotjar

Normalement juste après la création de votre compte hotjar on va vous proposer la création d'un "Heatmap" pour connaître les zones les plus cliqués sur votre site et un "Recording" permettant d'enregistrer le mouvement de souris d'un échantillon de visiteurs.

Si cela n'est pas encore fait, voici comment procéder :

Savoir les zones chaudes et froides avec les Heatmaps

Sur la page des "Heatmaps" cliquez sur "New Heatmap" pour créer un nouvel Heatmap et découvrir les emplacements les plus visités sur votre site.

Mettez sur "NAME" un nom pour la Heatmap et choisissez dans "PAGE URL" le lien de la page que vous voulez analyser ou mettez "Starts with" pour analyser la totalité des pages de votre site.

Cliquez sur "Create Heatmap" pour la créer et attendez quelques minutes pour pouvoir accéder aux résultats en temps réel.

L'icône en vert à gauche marquant le statut actuel de la Heatmap a comme valeur "Collecting data..." (en français collection de données) ; il faut donc attendre ou l'oublier pour une demi-journée pour avoir des informations pertinentes.

Après un certain temps vous aurez ce résultat, les zones en couleurs sont les emplacement qui ont enregistré le plus grand nombre de [mouvements/clics/scroll] du rouge vers le bleu selon le taux d'activités.

Regarder des exemplaires de visiteurs

Voici un exemple d'un enregistrement d'un visiteur du site, attention à ne pas partager l'adresse IP et les informations relatifs aux visiteurs sans leur accords.

Comme vous pouvez le voir, vous pouvez voir que ce lecteur utilise la souris à l'endroit du texte de l'article, sur d'autres enregistrements j'ai trouvé d'autres résultats, certains s'inscrivent à la Newsletter à droite, certains publient des commentaires...