Comment configurer les cartes thermiques de WordPress (3 façons simples) Gratuit + Premium

Si vous avez du mal à comprendre ce qui aide (ou nuit) à la performance de votre site web, WordPress Les cartes thermiques permettent de savoir exactement comment les internautes interagissent avec vos pages. - depuis les éléments sur lesquels ils cliquent jusqu'à la distance qu'ils parcourent.

Au fil du temps, j'ai testé de nombreuses solutions de heatmapping. Aujourd'hui, je vous propose de découvrir 3 méthodes simples et efficaces pour créer des cartes thermiques dans WordPress :

• Microsoft Clarity (gratuit)
• Avis de l'utilisateur par MonsterInsights (prime)
• Carte de chaleur d'Aurora (gratuit/prime)

Ce guide vous présente les deux options afin que vous puissiez commencer à faire des économies. des décisions intelligentes, fondées sur des données pour améliorer votre expérience sur le site.

Qu'est-ce qu'une carte thermique et pourquoi l'utiliser ?

Les cartes thermiques sont des outils visuels qui afficher le comportement d'interaction de l'utilisateur par le biais de motifs de couleur, ce qui vous aide à comprendre quelles parties d'une page retiennent le plus l'attention.

Voici comment cela fonctionne :

• 🔴🟠🟡 Couleurs chaudes (rouge, orange, jaune) : Indiquent une forte interaction - Zones où il y a beaucoup de clics, d'appuis ou de temps passé.
• 🔵🟢 Couleurs froides (vert, bleu) : Représentent les zones de la page où l'interaction est faible ou négligée.

Ce que vous pouvez apprendre des cartes thermiques

Les cartes thermiques permettent de répondre à des questions importantes en matière d'utilisabilité, telles que

• Est-ce que vos appel à l'action (CTA) les boutons obtiennent-ils des clics ?
• Les visiteurs font-ils défiler la page suffisamment loin pour voir le contenu essentiel ?
• Les utilisateurs s'engagent-ils avec des éléments inactifs ou non cliquables ?

Grâce à ces informations, vous pouvez :

• Repositionner le contenu pour une meilleure visibilité
• Simplifier la mise en page pour une navigation plus fluide
• Stimuler l'engagement et les conversions grâce à des changements de conception stratégiques

Les 3 meilleures façons d'ajouter des cartes thermiques à WordPress

Voici deux outils fiables que vous pouvez utiliser pour mettre en œuvre des cartes thermiques facilement - sans codage.

📌 Comment configurer Microsoft Clarity Heatmaps dans WordPress (étape par étape)

Microsoft Clarity est un outil gratuit et facile à utiliser pour les débutants qui vous aide à visualiser la façon dont les visiteurs interagissent avec votre site web à l'aide de cartes thermiques et d'enregistrements de sessions. Il s'agit d'une solution idéale pour les blogueurs, les indépendants et les propriétaires de petites entreprises qui cherchent à améliorer l'expérience utilisateur sans dépenser un centime.

Nous nous appuyons personnellement sur Clarity pour plusieurs sites web partenaires afin d'analyser le comportement des utilisateurs et d'affiner les choix de conception.

📌 Conseil en matière de protection de la vie privée : Clarity anonymise automatiquement les données des utilisateurs et s'aligne sur le GDPR et d'autres lois mondiales sur la confidentialité. Pour plus de détails, consultez notre Guide de conformité au GDPR pour WordPress.

Étape 1 : Créez votre compte Microsoft Clarity gratuit

Pour commencer, rendez-vous sur clarity.microsoft.com et cliquez sur "Commencer".

Lorsque vous y êtes invité, vous pouvez vous connecter à l'aide de votre Microsoft, Googleou Facebook compte. Pour ce tutoriel, nous choisirons Google.

Après avoir signé :

• Confirmez votre adresse électronique.
• Accepter la Conditions d'utilisation et cochez la case de confirmation.

Dans l'écran suivant, créez un nouveau projet en entrant :

• Un nom de projet (par exemple, Mon site WordPress)
• L'URL de votre site web
• Votre secteur d'activité dans le menu déroulant

Cliquez sur "Ajouter un nouveau projet pour terminer cette étape.

Étape 2 : Installer Microsoft Clarity sur WordPress

Ensuite, vous connecterez votre site WordPress à Clarity en utilisant le plugin officiel.

Voici comment :

1. Dans votre tableau de bord d'administration WordPress, allez à Plugins " Ajouter un nouveau.
2. Dans la barre de recherche, tapez "Microsoft Clarity".
3. Cliquez sur Installer maintenantpuis appuyez sur Activer une fois que le bouton change.

Après l'activation :

• Se rendre à la Clarté dans votre tableau de bord WordPress.
• Utilisez la liste déroulante pour sélectionner le projet que vous venez de créer.
• Un message de confirmation s'affiche : "Le projet a été intégré avec succès.

💡 Remarque : Si vous utilisez un plugin de mise en cache, veillez à effacez votre cache afin que Microsoft Clarity puisse vérifier et suivre votre site correctement.

Étape 3 : Commencer à suivre les cartes thermiques dans Clarity

Une fois connecté, Clarity commencera automatiquement à enregistrer le comportement des visiteurs - pas besoin de coller des scripts ou de toucher aux fichiers de votre thème.

A l'intérieur de la Tableau de bord Clarityvous trouverez des analyses utiles telles que :

• Sessions - Nombre total de visites
• Pages par session - Nombre moyen de pages vues par visite
• Profondeur de défilement - Quelle est la distance de défilement des visiteurs sur chaque page ?
• Temps actif - Durée de l'engagement actif des utilisateurs (pas d'onglets inactifs)

Vous verrez également des alertes comportementales telles que :

• Clics de rage - Clics frustrés répétés
• Défilement excessif - Les utilisateurs scannent trop, ils sont peut-être perdus ou à la recherche de quelque chose.

Visualiser les cartes thermiques de WordPress

Pour accéder aux cartes thermiques :

1. Aller à la page "Cartes thermiques dans votre tableau de bord Clarity.
2. Vous verrez une liste de pages avec des cartes thermiques disponibles.
3. Cliquez sur n'importe quelle page pour découvrir trois vues principales :

🔘 Cliquez sur la carte

Indique les endroits où les utilisateurs cliquent le plus souvent.

🔘 Carte de défilement

Indique la profondeur de défilement des utilisateurs - idéal pour vérifier si les visiteurs voient vos CTA ou votre contenu clé.

🔘 Carte d'attention

Affiche le temps que les utilisateurs passent sur chaque partie de la page.
Rouge = mise au point élevée, bleu = faible mise au point.

📌 Comment ajouter des cartes thermiques dans WordPress en utilisant UserFeedback (Guide complet)

Si vous êtes à la recherche d'une solution de cartographie thermique qui offre également des enquêtes ciblées et un retour d'information détaillé sur les visiteurs, Avis de l'utilisateur par MonsterInsights est un excellent choix.

Cet outil est idéal pour les sites web en pleine croissance, les boutiques de commerce électronique et les agences numériques qui souhaitent mieux contrôler les informations sur les utilisateurs et leur engagement.

Étape 1 : S'inscrire à UserFeedback et installer le plugin

Pour commencer :

Visitez le site Site officiel de UserFeedback et souscrire à un plan.

Remarque : La fonction "heatmaps" n'est disponible que sur l'application Plan d'élite. Il existe une version gratuite, mais elle n'inclut pas le suivi des cartes thermiques.

Après l'inscription :

• Télécharger le Fichier ZIP du plugin UserFeedback à partir du tableau de bord de votre compte.
• Copiez votre clé de licence - vous en aurez besoin plus tard.

Allez maintenant dans votre tableau de bord WordPress :

• Naviguez jusqu'à Plugins → Add New → Upload Plugin ou Rechercher les commentaires des utilisateurs
• Téléchargez le fichier ZIP, cliquez sur Installer maintenantet ensuite Activer.

Ensuite, activez votre licence :

• Aller à UserFeedback → Paramètres
• Collez votre clé de licence et cliquez sur Vérifier

Un message de réussite s'affiche lorsque la licence est validée.

Étape 2 : Activer le module complémentaire Heatmaps

Une fois que le plugin de base est activé :

1. Se rendre à l'adresse suivante UserFeedback → Addons
2. Faites défiler l'écran pour trouver le Addon Heatmaps
3. Cliquez sur Installer l'addonpuis appuyez sur Activer

Cela permet d'activer la fonctionnalité et de commencer à suivre visuellement les interactions des utilisateurs.

Étape 3 : Créer votre première carte thermique

Maintenant que Heatmaps est actif :

1. Aller à UserFeedback → Cartes de chaleur
2. Cliquez sur le bouton Nouvelle carte thermique bouton
3. Utilisez le menu déroulant pour sélectionner la page que vous souhaitez analyser (par exemple, page d'accueil, page de renvoi, article de blog).
4. Frapper Créer pour configurer la carte thermique.

🎯 Conseil : Commencez par vos pages les plus visitées ou celles qui convertissent le plus pour obtenir rapidement des informations significatives.

Étape 4 : Visualiser et analyser les données de la carte thermique

Une fois en ligne, UserFeedback commencera immédiatement à suivre les actions des utilisateurs. Vous pouvez consulter vos résultats en :

• Naviguer vers UserFeedback → Cartes de chaleur
• Cliquer sur une carte thermique active

Vous obtiendrez des rapports détaillés :

• Filtrage des appareils - Comparer les comportements sur ordinateur, tablette et mobile
• Suivi des clics - Identifier les zones de forte activité sur votre page
• Mouvement de la souris - Découvrez comment les utilisateurs se déplacent et interagissent avec votre contenu
• Filtres de campagne - Visualiser les interactions par source UTM, par support ou par campagne

Ces données vous permettent d'affiner chaque partie de votre conception et de votre entonnoir.

📌 Comment utiliser Aurora Heatmap dans WordPress

Si vous êtes à la recherche d'un outil gratuit et facile à utiliser pour les cartes thermiques sur WordPress, le Plugin Aurora Heatmap est un choix solide. Il détecte les endroits où vos utilisateurs cliquent, ce qui vous permet d'optimiser les mises en page, les CTA, les menus et bien d'autres choses encore, sur la base de données d'interaction réelles.

Étape 1 : Installer et activer le plugin Aurora Heatmap

Pour commencer :

1. Connectez-vous à votre tableau de bord WordPress.
2. Dans le menu de gauche, cliquez sur Plugins → Ajouter un nouveau.
3. Dans la barre de recherche, tapez "Carte thermique d'Aurora".
4. Trouvez le plugin dans les résultats et cliquez sur Installer maintenant.
5. Une fois installé, cliquez sur Activer.

🎉 Le plugin est maintenant en ligne et commencera immédiatement à collecter les données d'interaction des utilisateurs.

Note : Le plugin ne suit pas l'activité de l'utilisateur administrateurPour tester les cartes thermiques, assurez-vous de vous déconnecter ou de consulter le site dans une fenêtre privée/incognito.

Étape 2 : Configurer les paramètres du plugin

⚙️ Pour accéder au plugin :

Aller à Paramètres → Carte thermique Aurora dans le menu d'administration de WordPress.

Cliquez sur l'onglet "Paramètres

Vous y trouverez deux zones de configuration principales : Paramètres des données et Paramètres d'affichage.

Paramètres des données

• Précision :
  Régler ce paramètre sur Standard pour les sites à faible trafic, ou le laisser à Haute précision si vous avez un volume de trafic décent.
• Pages non-singulières :
  Activez cette option si vous souhaitez obtenir des cartes thermiques pour les pages d'archives (comme les catégories, les tags ou les résultats de recherche). Sinon, seuls les articles et les pages seront suivis.
• Délai AJAX :
  Ce délai (en millisecondes) permet au plugin d'attendre que la page soit entièrement chargée avant d'enregistrer les clics. Vous pouvez laisser la valeur par défaut, sauf si vous rencontrez des conflits de script.

Paramètres d'affichage

• Nombre de points de dessin :
  Contrôle la quantité de données de clics visualisées. Si les choses semblent encombrées, essayez de réduire cette quantité - mais dans la plupart des cas, vous voulez autant de données que possible.
• Barre de comptage :
  Cette barre pratique sur la carte thermique indique le nombre de clics reçus par chaque partie de l'écran. Elle est réglée sur "Montrer".
• Réglage du hachage de l'URL :
  Choisissez comment traiter les liens d'ancrage (#exemple). Si la valeur est fixée à individuelChaque variation de hachage est traitée comme une page distincte. Intégré les combine. Choisissez en fonction de la façon dont votre site utilise les liens internes.

👉 N'oubliez pas de cliquez sur "Enregistrer" si vous modifiez des paramètres.

Étape 3 : Visualiser les cartes thermiques Aurora en action

Une fois que votre site a reçu un certain nombre de visiteurs :

1. Aller à Paramètres → Carte thermique Aurora.
2. Cliquez sur le bouton Liste des cartes de chaleur tabulation.

Vous verrez une liste des URL suivis. Une fois qu'un nombre suffisant de clics a été collecté :

• Cliquez sur le chiffre à droite d'une URL pour ouvrir sa carte thermique 🔥.
• Une nouvelle fenêtre affiche le cliquer sur la carteL'intensité des clics est représentée par des taches de couleur (rouge = le plus cliqué).
• Vous verrez également données mobiles vs. données de bureau.

🤔 Que sont les clics fantômes ?

En examinant vos cartes thermiques, vous remarquerez peut-être que des clics dans des endroits inattendus ou vides. Ils sont connus sous le nom de clics fantômes. Causes communes :

• Touches accidentelles ou mauvais clics (en particulier sur les téléphones portables)
• Éléments visuels qui regarder cliquables mais ne le sont pas
• Les utilisateurs qui tentent d'interagir avec une petite image s'attendent à ce qu'elle soit plus grande.

🔧 Utilisez ces informations pour résoudre les problèmes liés à l'expérience des utilisateurs:

• Rendre les images cliquables si les utilisateurs essaient fréquemment de les agrandir
• Transformez les éléments trompeurs en liens réels ou modifiez la conception.

🔥 Bonus : Transformer les données de la carte thermique en résultats

Fixer les points de chute avec les cartes à défilement

Si les utilisateurs ne défilent pas suffisamment pour voir votre contenu ou votre CTA, essayez :

• Déplacer les sections importantes plus haut dans la page
• Diviser le contenu en sections plus petites
• Tester différents titres ou ruptures de contenu

Résoudre la confusion des utilisateurs

Les cartes de clics peuvent montrer que les utilisateurs cliquent sur des images, du texte ou des icônes qui ne sont pas liés. Cela signifie généralement qu'ils attendue quelque chose se produise.

👉 Corriger cela par :

• Créer un lien vers l'image ou ajouter un bouton CTA à proximité
• Utilisation des enquêtes UserFeedback pour demander ce qu'ils recherchent

Améliorer la navigation sur le site

Si les utilisateurs sautent d'un endroit à l'autre sans que le chemin soit clair, cela peut signifier que votre navigation n'est pas claire. Examinez et :

• Simplifier la structure du menu
• Veiller à ce que chaque page soit facile à atteindre en 1 ou 2 clics
• Utiliser des étiquettes descriptives et des regroupements logiques

🔗 Besoin d'aide ? Voir Guide du menu personnalisé de WordPress.

Rendre les boutons CTA incontournables

Peu de conversions ? Vos boutons CTA ont peut-être besoin d'être améliorés :

• De meilleures couleurs pour le contraste
• Une formulation plus forte (par exemple, "Obtenir mon guide gratuit" au lieu de "Soumettre")
• Meilleur placement - au-dessus du pli, ou après les sommets du contenu

Utilisez les cartes thermiques et les filtres d'appareils pour optimiser votre site pour les mobiles.

🧪 Conseil de pro : Test A/B pour de meilleurs résultats

Les cartes thermiques montrent ce qui est événement - mais les tests A/B montrent ce que fonctionne le mieux. Une fois que vous avez repéré les possibilités d'amélioration :

• Tester de nouveaux emplacements de boutons, de titres ou de mises en page
• Utiliser un plugin WordPress de test A/B ou les fonctionnalités intégrées de MonsterInsights

📘 Apprendre à faire des tests A/B sur WordPress pour des décisions mieux étayées par des données.

👉 J'espère que cet article vous a aidé à mettre en place des cartes thermiques WordPress.