Analyse de Heatflow Heatmap de Mouseflow pour WordPress

Analyse de Heatflow Heatmap Analytics pour WordPress

L’analyse des cartes thermiques est une approche scientifique de l’optimisation du taux de conversion pour votre boutique en ligne ou votre site Web. Il s’agit d’un moyen basé sur des données pour mesurer l’efficacité de vos pages de destination, formulaires de contact et entonnoirs d’achat. Mouseflow est un outil d’analyse thermique, de relecture de session et d’enregistrement freemium. Dans cet article, nous allons revoir Mouseflow en l’intégrant à notre outil CMS préféré – WordPress.


Qu’est-ce qu’une Heatmap?

Pour ceux d’entre vous qui débutent dans le domaine de l’analyse de la carte thermique, voici un aperçu simple.

Les heatmaps sont une représentation visuelle des zones les plus actives de votre site Web. Une région sur laquelle on clique le plus (par exemple, la Commencer ici élément de menu d’un blog), apparaît en rouge sur une carte thermique.

Cartes thermiques dans les moteurs de recherche

cartes thermiques des moteurs de recherche

L’évolution des cartes thermiques en 10 ans, la source: Deux octobre

Prenons l’exemple d’une carte thermique dans un moteur de recherche.

Dans Google (ou n’importe quel moteur de recherche d’ailleurs), les trois premiers résultats de recherche sont les liens les plus cliqués. Par conséquent, cette région est représentée en rouge dans une carte thermique, car c’est la région “la plus active” ou “chaude” de la carte thermique. Les liens qui suivent (c’est-à-dire les cinquième, sixième, etc.) liens ont un nombre décroissant de clics et ont des couleurs plus froides (orange à jaune à vert à bleu) dans la carte thermique..

La capture d’écran ci-dessus est une représentation de l’évolution des cartes thermiques sur une période de dix ans. En 2005, ils l’appelaient le «triangle sacré», ce qui signifiait que les premières lettres des deux premiers liens avaient retenu l’attention du chercheur..

Dix ans plus tard, nous nous sommes entraînés à analyser les premiers mots des 5 à 6 premiers liens. Cela nous donne la carte thermique de type rectangle que nous voyons dans le côté droit de la capture d’écran.

Qu’est-ce que l’enregistrement et la relecture de session?

Les cartes thermiques nous donnent un bon aperçu des régions les plus actives ou les plus cliquées du site Web. Ne serait-ce pas trop cool pour voir réellement comment un visiteur a interagi avec votre site Web?

Le mouvement de la souris est un indicateur puissant de l’attention du visiteur est, dans le site Web.

Enregistrement de session est la solution parfaite. UNE session est essentiellement l’ensemble de l’activité effectuée par le visiteur en une seule visite. Cela inclut l’heure à partir de laquelle le site Web a été chargé et l’heure à laquelle l’onglet (ou la fenêtre) a été fermé. Flux de souris enregistrements les sessions individuelles des visiteurs de votre site Web et vous permet de les lire à tout moment depuis votre navigateur.

La lecture d’une session enregistrée est appelée Relecture de session. Il s’agit en fait d’une vidéo de l’intégralité de l’interaction du visiteur avec le site Web. Cela inclut les informations saisies (les mots de passe sont toujours masqués), les interactions entre les formulaires, les clics et toutes les autres activités.

Les avantages de l’enregistrement et de la relecture de session

Enregistrement et relecture de session est un outil indispensable dans les tests d’interaction avec les utilisateurs, les tests A / B et les tests d’utilisabilité – le tout avec les utilisateurs en direct.

Prenons un exemple de page de téléchargement d’ebook. C’est un cas d’utilisation classique dans la génération de leads, où vous donnez quelque chose à l’utilisateur (dans ce cas, l’ebook), en échange de son adresse e-mail et de la permission de lui envoyer des e-mails. Un enregistrement de session montrerait Comment vos utilisateurs interagissent avec le formulaire, combien de personnes finissent par remplir le formulaire, le nombre de champs qu’un utilisateur remplit, avant de se retirer, etc..

Il existe des tonnes d’autres cas d’utilisation où l’enregistrement, la relecture et les heatmaps de session sont utilisés pour l’optimisation du taux de conversion. Dans cette revue, nous allons couvrir les cinq principales fonctionnalités de Mouseflow:

  1. Cartes thermiques
  2. Enregistrement de session
  3. Relecture de session
  4. Enregistrement de session de formulaire
  5. Collecte de commentaires

Nous couvrirons chacun des sujets en détail dans les sections suivantes.

Le tableau de bord Mouseflow

tableau de bord d'analyse de heatmaps mouseflow

Vue à vol d’oiseau du tableau de bord Mouseflow

Le tableau de bord de Mouseflow vous offre une vue d’ensemble de vos enregistrements de session récents et de vos heatmaps populaires. Le graphique représente le nombre de sessions enregistrées et est proportionnel au trafic généré par votre site Web..

Cartes thermiques

Les analyses des cartes thermiques de Mouseflow prennent en charge cinq dimensions distinctes, notamment la carte thermique de clic, la carte thermique de mouvement, la carte thermique de défilement et la carte thermique géographique. Nous évaluerons une seule page contenant un formulaire de contact et la testerons sur chacun des cinq types de heatmap.

Cliquez sur Heatmaps

Une carte thermique des clics représente les régions qui reçoivent le plus grand nombre de clics. Chaque page aura sa propre représentation de carte thermique unique. Par exemple, dans la page contenant un formulaire de contact, le Soumettre le bouton enregistrerait le plus grand nombre de clics.

cliquez sur heatmap dans mouseflow pour wordpress

Capture d’écran d’une Click Heatmap dans WordPress, créée à l’aide de Mouseflow

Il s’agit d’une capture d’écran de la carte thermique de clic d’un site Web de démonstration, que j’ai conçue pour ce didacticiel. Étant donné que je n’ai soumis le formulaire de contact que trois fois, il enregistre trois clics. Trois est un très petit nombre à considérer dans une carte thermique, c’est pourquoi il est surligné en bleu.

Carte thermique du mouvement

heatmap de mouvement dans mouseflow pour wordpress

Capture d’écran d’une Heatmap de mouvement dans WordPress, créée à l’aide de Mouseflow

La carte thermique du mouvement représente les régions du site Web avec le mouvement le plus élevé. Dans la capture d’écran, vous remarquerez les patchs bleus, qui représentent une faible activité.

Attention Heatmap

L’attention Heatmap est une métrique intéressante. Il représente les zones où les utilisateurs passent durée maximale.

Prenons cette capture d’écran pour expliquer.

carte thermique de l'attention dans mouseflow pour wordpress

Capture d’écran d’une carte thermique de l’attention dans WordPress, créée à l’aide de Mouseflow

La région en vert a un temps moyen passé de 10,2 secondes, tandis que les régions en rouge ont un temps moyen passé de 21 secondes. Cela suggère que les visiteurs du site passent une partie importante de leur temps sur le site dans la région rouge. Dans notre cas, c’est le formulaire de contact.

Comment utiliser les cartes thermiques d’attention pour améliorer la copie de la page de vente?

La carte de chaleur de l’attention peut être un excellent outil pour mesurer vos visiteurs passent la plupart de leur temps. Si vous écrivez une longue page de vente, vous voulez que vos lecteurs lisent réellement la page du haut (y passent la plupart de leur temps), suivi des témoignages, et cliquez sur le Acheter maintenant bouton.

Par conséquent, la partie supérieure de votre page de vente devrait idéalement être rouge, dans une carte thermique Attention.

Si vos visiteurs sont ne pas en lisant les premières lignes de votre page de vente, c’est un indicateur clair que votre pitch et votre copie ont besoin de travail.

Scroll Heatmap

Une carte thermique de défilement représente les régions les plus défilées de votre site Web. Les visiteurs de votre site Web auraient tendance à défiler rapidement vers le bas à partir de l’en-tête et à atteindre le bit où le contenu.

La heatmap de défilement est complémentaire à la heatmap de l’attention. Lorsque l’attention est élevée, le défilement est faible. Vous savez que quelqu’un a parcouru votre copie lorsque vous voyez une région rouge sur la carte thermique de défilement. Les régions jaunes à vertes dans une heatmap de défilement indiquent les bits de votre copie que vos visiteurs trouvent intéressants ou utiles. Utilisée correctement, la heatmap de défilement peut être un excellent outil pour améliorer la copie de votre page de destination.

faire défiler la heatmap dans mouseflow pour wordpress

Capture d’écran d’un Scroll Heatmap dans WordPress, créé à l’aide de Mouseflow

Cependant, dans notre tutoriel, j’ai défilé partout, c’est pourquoi tout est marqué en rouge. Vous remarquerez que la zone de pied de page est en bleu, indiquant une activité de défilement minimale.

Combien de sessions dois-je enregistrer?

Mouseflow vous donne la possibilité de choisir le nombre de sessions enregistrées, hors du trafic. Par exemple, si votre entrée est ⅓, une session de visiteur sur trois sera enregistrée. En d’autres termes, 30% de votre session de trafic serait enregistrée.

Ceci est important pour planifier votre utilisation. Chaque session enregistrée est un crédit. Selon le plan que vous achetez, vous devrez ajuster le pourcentage de trafic enregistré, à partir de votre trafic total.

Un moyen simple d’estimer ce nombre consiste à rechercher votre rapport de trafic Google Analytics. Par exemple, si vous obtenez 1000 visites uniques par mois et que vous souhaitez enregistrer, disons 500 sessions, vous configurerez alors Mouseflow pour enregistrer un visiteur sur deux, soit 50% du trafic..

Carte thermique géographique

carte thermique géo dans mouseflow pour wordpress

Capture d’écran d’une Geo Heatmap dans WordPress, créée à l’aide de Mouseflow

La carte thermique géographique met en évidence les pays d’origine de la plupart de vos visiteurs. Ces données sont disponibles dans la plupart des logiciels d’analyse tels que Google Analytics ou Kissmetrics. La capture d’écran ci-dessus provient du site de démonstration, c’est pourquoi seule l’Inde est mise en évidence.

Entonnoirs

entonnoir de téléchargement d'ebook dans mouseflow pour wordpress

Exemple d’entonnoir de téléchargement d’eBook dans WordPress, créé par Mouseflow

Un entonnoir est une série d’étapes qu’un visiteur prend pour terminer un action dans votre site Web.

Imaginons que vous souhaitiez que vos visiteurs téléchargent une copie de votre dernier ebook, en échange de leur adresse e-mail. C’est une campagne classique de génération de leads, aidée par un téléchargement d’ebook.

le action vous voulez que vos visiteurs accomplissent télécharge l’ebook. Cette action a un ou plusieurs pas impliqué.

Pour simplifier les choses, considérons deux étapes (ou pages) dans cette action.

  1. La première page est l’endroit où le visiteur lit l’offre et entre l’adresse e-mail.
  2. La deuxième page est une page de confirmation, où le visiteur voit le téléchargement / les boutons pour le PDF.

Ainsi, l’entonnoir de téléchargement du livre électronique comprend deux étapes, comme indiqué dans la capture d’écran ci-dessous.

entonnoir de téléchargement d'ebook dans mouseflow pour wordpress - configuration

Création d’un nouvel entonnoir de téléchargement d’ebook dans WordPress à l’aide de Mouseflow

Mouseflow mesure le taux d’abandon à chaque étape de l’entonnoir. Dans notre exemple, nous n’avons pas téléchargé l’ebook et avons quitté le site Web après avoir consulté la première page (de destination).

entonnoir de téléchargement d'ebook dans mouseflow pour wordpress - taux de conversion

Taux de conversion d’un entonnoir de téléchargement d’ebook dans Mouseflow

Cette capture d’écran nous indique que la page de destination a reçu 5 visiteurs, dont aucun n’a atteint la page de confirmation.

Comment optimiser le taux de conversion à l’aide d’entonnoirs dans Mouseflow?

Les entonnoirs vous permettent de suivre le comportement de vos visiteurs sur votre site. Ils sont incroyablement utiles pour découvrir les zones de fuite dans votre entonnoir de conversion. Une fois que vous avez identifié la page qui fuit, vous connaissez la zone de votre problème. Vous pouvez ensuite optimiser la copie de la page (ou, dans certains cas, supprimer complètement la page) pour voir si les taux d’abandon diminuent.

Formes

comment suivre un formulaire dans wordpress en utilisant mouseflow

Suivi des formulaires dans WordPress à l’aide de Mouseflow

Mouseflow vous permet de suivre la façon dont les visiteurs interagissent avec vos formulaires dans WordPress. Cela est particulièrement utile dans la génération de leads B2B et le marketing de contenu, où le coût par lead est considérablement plus élevé que celui du site Web / produit B2C..

Considérons le Formulaire de test WPExplorer que j’ai construit pour ce tutoriel.

segmentation de formulaire dans wordflow mouseflow

Segmentation des champs dans un formulaire suivi dans Mouseflow

Cette capture d’écran nous indique qu’il y a eu deux visiteurs sur la page du formulaire et que le temps maximum a été passé dans le champ d’adresse e-mail. Vous noterez également que le taux de conversion est de 0% car je n’ai pas envoyé le formulaire après l’avoir rempli.

Comment améliorer le taux de remplissage des formulaires à l’aide de Mouseflow?

À l’aide de Mouseflow, vous serez en mesure de déterminer les champs gourmands en données de votre formulaire et de mesurer le temps nécessaire pour remplir un formulaire type. Si le nombre de champs dans votre formulaire est trop élevé, ou pire, non pertinent, vous remarquerez peut-être que vos visiteurs se déposent dans ces champs particuliers, dans le formulaire. Avec Mouseflow, vous pourrez identifier ces champs et les optimiser autour d’eux, pour finalement augmenter le taux de remplissage de votre formulaire.

Comment suivre un formulaire dans WordPress en utilisant Mouseflow?

Le suivi d’un formulaire dans WordPress à l’aide de Mouseflow implique quelques étapes:

  1. Tout d’abord, configurez votre formulaire dans WordPress et copiez l’URL
  2. Allez à la page Formulaires de votre tableau de bord Mouseflow et cliquez sur Nouveau formulaire.
  3. Collez l’URL que vous avez copiée à l’étape 1.
  4. Mouseflow reconnaîtra automatiquement le formulaire de la page, ainsi que tous ses champs.
  5. Vous pouvez attribuer un nom à chaque champ du formulaire, de manière à faciliter le suivi.
  6. Enfin, cliquez sur Créer un formulaire pour commencer à suivre les interactions du formulaire.

Retour d’information

Mouseflow vous permet de créer de belles campagnes de commentaires non intrusives pour les visiteurs de votre site Web. Après tout, écouter vos lecteurs / clients est un moyen sûr d’améliorer votre site.

Voici à quoi ressemble une campagne de feedback typique:

campagne de rétroaction dans mouseflow wordpress

Campagne de commentaires dans WordPress créée à l’aide de Mouseflow

Une fois que vous avez terminé le sondage, ceci est la page de confirmation.

campagne de rétroaction dans mouseflow wordpress

Page de confirmation / merci pour la campagne de feedback

Comment créer une campagne de commentaires dans WordPress en utilisant Mouseflow?

Voyons maintenant comment créer une campagne de commentaires dans Mouseflow.

Connectez-vous à votre tableau de bord Mouseflow et cliquez sur Retour d’information dans le menu de gauche et cliquez sur Ajouter une nouvelle campagne.

Création d’une nouvelle campagne de commentaires dans Mouseflow

Vous pouvez ajouter autant de questions que vous le souhaitez, avec au moins une question. Les options de réponse incluent un choix multiple, un paragraphe de texte (petit / grand) ou un score net du promoteur.

Vous pouvez voir un aperçu des options de questions et réponses sur la droite.

Enfin, vous définissez le contenu de la page de réussite et cliquez sur Prochain.

Déclencheurs dans la campagne de rétroaction

Déclencheurs définir quand et où chaque campagne de rétroaction est affichée. Mouseflow propose une gamme d’options pour définir vos déclencheurs. Par exemple, dans la capture d’écran ci-dessus:

  1. La campagne de commentaires se chargerait dès le chargement de la page.
  2. Il se chargerait pour tous les visiteurs, qu’ils soient inscrits ou autres utilisateurs segmentés.
  3. La campagne se charge dans toutes les pages (bien que ce soit une bonne idée de ne pas l’afficher dans la page de connexion!)
  4. Une option importante – le formulaire de campagne n’est affiché qu’une seule fois par utilisateur.

Une fois que vous avez défini les déclencheurs, cliquez sur Prochain procéder.

Kill switch pour une campagne de feedback dans Mouseflow

Enfin, vous pouvez choisir d’activer la campagne, immédiatement après sa création.

Cependant, c’est une bonne idée de tester d’abord la campagne sur le site en ligne, en la limitant à une page non indexée ou la moins populaire, et de voir si les données sont collectées correctement. Une fois que vous avez vérifié que la campagne fonctionne, vous pouvez la déployer à l’échelle du site.

Ce que j’aime chez Mouseflow

L’interface intuitive de Mouseflow et ses multiples options de suivi en font un excellent point de départ pour l’analyse de heatmap.

Le modèle Freemium

prix de mouseflow

Modèle de tarification Mouseflow

Mouseflow fonctionne sur un modèle freemium, vous offrant 200 crédits gratuits, chaque mois.

Chaque crédit équivaut à une session enregistrée. Cependant, les crédits sont plafonnés à 200 par mois, ce qui signifie que si vous ne les utilisez pas, vous les perdez.

Semblable à MailChimp (mon fournisseur de services de messagerie préféré), Mouseflow me donne la flexibilité d’essayer le service avant de s’y engager. De plus, par rapport aux autres services d’analyse de heatmap, Mouseflow a une stratégie de prix assez compétitive.

Compatibilité WordPress intégrée

plugin wordflow pour mouseflow

Tableau de bord du plugin Mouseflow dans WordPress

Mouseflow prend en charge les intégrations avec plusieurs outils (plus à ce sujet plus tard), y compris WordPress. Pour commencer à suivre votre site WordPress avec Mouseflow, téléchargez simplement le Mouseflow pour WordPress plugin et l’activer.

Une nouvelle entrée appelée Mouseflow devrait apparaître dans la barre de gauche de votre tableau de bord WordPress.

ajout de code de suivi de site Web dans mouseflow dans wordpress

Insertion du code de suivi de Mouseflow dans WordPress

Cliquer sur Code de suivi pour insérer le code de suivi dans votre site WordPress. Vous pouvez trouver les informations de code de suivi pour le site à partir de votre compte Mouseflow, sous Réglages.

paramètres du site Web dans mouseflow pour wordpress

Informations sur le site dans Mouseflow

Une fois cela fait, Mouseflow commencera à enregistrer vos sessions dans votre site WordPress.

Autres trucs sympas

Nouveau processus d’intégration des utilisateurs de Mouseflow

J’aime le nouveau processus d’intégration des utilisateurs de Mouseflow, qui m’a familiarisé avec toutes les différentes options du tableau de bord. J’étais opérationnel en moins de 10 minutes, sans faire référence à la base de connaissances. Ils ont également des vidéos de formation intéressantes, soigneusement organisées en six catégories.

Intégration tierce 

Mouseflow s’intègre à plus de trente logiciels tiers

Mouseflow prend en charge plusieurs intégrations tierces, allant du CMS au logiciel de marketing en passant par le logiciel avancé de gestion des balises. Au moment de la rédaction de ce document, Mouseflow prend en charge 30 intégrations natives, regroupées en six grandes catégories:

  1. Systèmes de gestion de contenu: Autre que WordPress, Mouseflow s’intègre à Joomla, Drupal, Blogger et aux bons sites Web HTML5. Il s’intègre également aux constructeurs de sites populaires tels que Squarespace et Weebly. Wix n’a pas encore obtenu une intégration dédiée.
  2. Commerce électronique: Mouseflow s’intègre aux principaux logiciels de commerce électronique open source tels que Prestashop, Magento, 3dcart et aux solutions payantes populaires telles que Shopify.
  3. Analytique: Vous pouvez intégrer les données de Mouseflow avec des logiciels d’analyse populaires tels que Google Analytics, Adobe Analytics et des logiciels spécialisés tels que Kissmetrics et Coremetrics.
  4. Commercialisation: Mouseflow prend en charge les principaux logiciels de marketing tels que Hubspot, Instapage, Unbounce, Optimizely et autres.
  5. Service Clients: Le support client en temps réel et utile est une exigence fondamentale pour une entreprise prospère et sa stabilité à long terme. Mouseflow s’intègre également aux principaux logiciels de support client et d’assistance tels que Zendesk, Olark, Freshdesk et Zopim.
  6. Gestion des balises: L’attribution est essentielle pour mesurer vos efforts marketing et votre retour sur investissement. Il existe des logiciels avancés de gestion des balises tels que Segment.io et Google Tag Manager. Mouseflow s’intègre nativement à ceux-ci, avec Ensighten et Tealium.

En plus de cela, Mouseflow a également un puissant API REST, à l’aide duquel vous pouvez accéder aux données à partir de n’importe quel portail personnalisé.

Clientèle Mouseflow

Mouseflow a une clientèle excitante

Mouseflow est utilisé par certains des plus grands noms de l’industrie, notamment Hubspot, Optimizely et Intuit. Au moment de la rédaction du présent rapport, leur clientèle est supérieure à 100 000.

Emballer

L’analyse de sites Web est un domaine en plein essor dans l’économie déficitaire de l’attention d’aujourd’hui. Des millions de dollars sont investis dans le financement de nouvelles recherches et solutions pour l’analyse et l’attribution. Mouseflow est un début parfait pour tout spécialiste du marketing pour se familiariser avec les bases de l’analyse de heatmap.

Prenons un bref résumé de ce que nous avons couvert jusqu’à présent:

  1. Que sont les heatmaps?
  2. Comment l’enregistrement et la relecture de session aident à l’analyse du comportement des utilisateurs
  3. Les capacités de Mouseflow, y compris les cartes thermiques (clic, mouvement, attention, défilement et géo), les entonnoirs, les formulaires et les campagnes de rétroaction.
  4. Comment configurer WordPress et Mouseflow
  5. Cools choses sur Mouseflow, y compris son intégration de plus de 30 tiers et un plan gratuit pour toujours.

Comme toujours, je vous laisse avec une question. Utilisez-vous des analyses de heatmap dans votre site? Si oui, quel logiciel utilisez-vous? Est fonctionnellement meilleur que Mouseflow? Faites-le nous savoir dans les commentaires ci-dessous!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me