Êtes-vous une agence spécialiste de l’UX, du marketing digital ou de la croissance ? Rejoignez notre Programme Partenaire

Apprendre / Blog / Article

Revenir au blog

La meilleure façon de suivre la profondeur de défilement (ce n'est pas Google Analytics 4)

Savoir quelles parties d'une page web ennuient, engagent ou persuadent les visiteurs de votre site web peut être un super pouvoir pour les digital marketers, les UX designers, les équipes produit et les e-commerce managers.

Le suivi de la profondeur de défilement vous donne ce pouvoir, en fournissant des informations exploitables pour améliorer l'expérience utilisateur (UX) en révélant le comportement de défilement des visiteurs de votre site.

Dernière mise à jour

25 janv. 2024

Temps de lecture

10 min

Partager

Cet article est votre introduction détaillée à la profondeur de défilement. Nous vous expliquons pourquoi vous devriez la suivre et comment l'utiliser pour apporter des modifications à votre site web en fonction des données .

Nous examinons aussi le suivi de la profondeur de défilement à l'aide de Google Analytics 4 et explorons une meilleure option pour suivre la profondeur de défilement et améliorer l'expérience utilisateur (un indice : c'est Hotjar 👋).

Récapitulatif

Qu'est-ce que la profondeur de défilement et pourquoi devriez-vous la suivre ?

La profondeur de défilement mesure jusqu'où les utilisateurs font défiler la page web, ce qui vous aide à comprendre le comportement de l'utilisateur et à améliorer la customer experience. Par exemple, supposons que vous fassiez des tests A / B sur une page de destination importante et que vous souhaitiez savoir quelle présentation ou quel texte incite le plus à faire défiler la page. Ou encore, vous voulez savoir si les visiteurs arrivent jusqu'aux témoignages des clients et aux boutons d'appel à l'action (CTA).

En mesurant la profondeur de défilement, vous obtenez des informations précieuses sur la manière dont vos visiteurs interagissent avec votre site web et sur les changements qui les retiendront.

Comment mesurer la profondeur de défilement ?

Il existe de nombreuses façons de mesurer la profondeur de défilement d'une page. Voici trois des méthodes les plus courantes :

  1. JavaScript : nécessite des compétences en codage et peut être difficile à mettre en œuvre sur des sites web complexes.

  2. Google Analytics et Google Tag Manager : une solution populaire pour le suivi de la profondeur de défilement, mais qui n'offre pas autant de fonctionnalités que les outils tiers.

  3. Outils tiers d'analyse de sites web : les outils de heatmaps comme Hotjar Heatmaps offrent de meilleures fonctionnalités et une meilleure représentation des données que Google Analytics.

La plupart des outils qui suivent la profondeur de défilement la représentent en pourcentages, en pixels ou visuellement à l'aide d'un type de heatmap appelé "heatmap de défilement".

#A scroll map in Hotjar

A scroll map in Hotjar

Heatmap ou heatmap de défilement : quelle est la différence ?

Une heatmap est une représentation visuelle des interactions des utilisateurs sur une page web. En utilisant un spectre de couleurs, les zones à fort engagement sont représentées dans des couleurs chaudes comme le rouge et l'orange, tandis que les zones moins engagées apparaissent dans des tons plus froids comme le bleu.

Une heatmap de défilement est un type spécifique de heatmap qui montre jusqu'où les utilisateurs font défiler une page. L'outil Hotjar Heatmaps fournit des heatmaps de défilement dans le cadre de notre suite de heatmaps, ainsi que ces quatre types de heatmaps supplémentaires :

  • Heatmap des clics : montre où les utilisateurs cliquent sur votre page, pour vous aider à comprendre si les CTA, les boutons et les liens captent efficacement l'attention de l'utilisateur.

  • Heatmap de mouvement : affiche l'endroit où les utilisateurs déplacent leur souris, ce qui permet de savoir ce qui retient leur attention.

  • Map des zones d'engagement : combine les données relatives aux clics, aux mouvements et aux défilements, pour offrir une vue d'ensemble des interactions de l'utilisateur.

  • Maps de rage clicks : met en évidence les zones où les utilisateurs cliquent à plusieurs reprises par frustration, ce qui indique des problèmes potentiels ou des confusions.

👉 Prêt à commencer ? Lisez notre guide sur la configuration des heatmaps Hotjar

Suivi du défilement à l'aide de Google Analytics et de Google Tag Manager

La combinaison de Google Analytics 4 (GA4) et de Google Tag Manager (GTM) est une option populaire pour le suivi du défilement. Voici pourquoi :

  • Suivi intégré du défilement dans Google Analytics 4 : GA4 offre une vue directe du comportement de défilement de l'utilisateur grâce à son événement intégré qui se déclenche à une profondeur de défilement de 90 %.

  • Suivi personnalisé avec Google Tag Manager : GTM permet aux utilisateurs de définir des seuils de profondeur de défilement spécifiques en pourcentage ou en pixels et d'activer des balises en fonction de ces seuils. Que vous soyez intéressé par des défilements de 25 %, 50 % ou 75 %, GTM vous couvre.

  • Intégration transparente : faisant partie de la suite Google, GA et GTM fonctionnent de manière transparente avec les autres services Google, ce qui permet de rationaliser l'analyse des données

Néanmoins, si Google Analytics fournit une vue d'ensemble et si Google Tag Manager permet une personnalisation détaillée, ils ne donnent pas toujours une image complète du comportement de l'utilisateur.

Par exemple, lorsqu'ils lisent sur mobile, les internautes ont tendance à faire défiler les pages rapidement et à survoler les articles les plus longs. Se contenter de regarder jusqu'où une personne fait défiler la page et si elle la quitte ne permet pas de savoir si elle est réellement intéressée par le contenu.

Hotjar, en revanche, vous permet de suivre la profondeur de défilement à l'aide de heatmaps de défilement. De plus, des outils supplémentaires au sein de la plateforme apportent des informations qualitatives pour compléter vos données sur la profondeur de défilement, ce qui vous donne une compréhension globale des interactions des utilisateurs et améliore les performances du site web.

Créez votre heatmap dès aujourd'hui

Créez un compte Hotjar gratuit, ajoutez le code de suivi à votre site et commencez à utiliser les heatmaps dès aujourd'hui.

Pourquoi utiliser Hotjar pour mesurer la profondeur de défilement et améliorer l'expérience utilisateur

Hotjar fournit une analyse intuitive et complète du comportement de l'utilisateur, y compris des heatmaps de défilement, du feedback de l'utilisateur, des enregistrements de sessions et de différentes heatmaps.

  1. Informations visuelles : la capacité de Hotjar à visualiser les données de défilement via des heatmaps de défilement et à mettre rapidement en évidence les zones d'intérêt ou de préoccupation sur une page web le rend plus intuitif que Google Analytics. Au lieu de pourcentages et de pixels, vous obtenez une représentation vivante et colorée de l'engagement des utilisateurs, ce qui vous permet de repérer d'un coup d'œil les endroits où les utilisateurs s'attardent, passent en coup de vent et abandonnent.

  2. L'intégration du feedback de l'utilisateur : les outils Surveys et Feedback de Hotjar permettent d'obtenir un feedback direct de l'utilisateur et d'avoir une image claire de leur ressenti. Par exemple, ClickMechanic a utilisé Hotjar Surveys pour interroger directement les utilisateurs sur les obstacles à la conversion, ce qui a permis d'obtenir des informations exploitables.

  3. L'analyse complète : des outils supplémentaires comme Recordings vous permettent de voir comment les utilisateurs réels naviguent sur le site web et apportent une compréhension de vos clients pour compléter les informations fournies par le suivi du défilement.

  4. Les zones d'engagement : la heatmap des zones d'engagement de Hotjar combine les données des heatmaps des clics, de défilement et de mouvement en une seule vue, ce qui rend le processus d'analyse plus rapide et plus complet.

  5. Highlights dans Hotjar : cette fonctionnalité facilite la collaboration et le partage des informations sur les utilisateurs afin d'obtenir l'adhésion des parties prenantes. Utilisez-la pour partager les résultats de vos heatmaps de défilement ou les problèmes de votre site web, pour marquer et notifier des membres spécifiques de l'équipe, et pour organiser vos highlights en collections. (Lisez notre guide détaillé sur l'utilisation de Hotjar Highlights ici.)

  6. Des aperçus spécifiques : les différents types de heatmaps de Hotjar mettent en évidence des problèmes spécifiques, par exemple si les utilisateurs sont perturbés par des éléments non cliquables ou s'ils sont distraits par du contenu inutile. Ces informations conduisent à des changements directs et efficaces.

Hotjar Heatmaps’ page insights panel makes it easy to switch between different types of heatmaps: click, move, scroll, Engagement Zones, and rage clicks

Suivi de la profondeur du défilement : Google Analytics versus Hotjar

Le tableau ci-dessous présente les principales différences entre le suivi du défilement avec deux plateformes populaires : Google Analytics et Google Tag Manager par rapport à Hotjar.

5 façons d'utiliser Hotjar pour le suivi du défilement

Maintenant que vous avez vu les informations visuelles uniques que les heatmaps fournissent, nous allons approfondir la façon dont le suivi des données de défilement avec Hotjar améliore votre analyse.

1. Comprenez le comportement des utilisateurs

Comprendre le comportement des utilisateurs, ce n'est pas qu'une question de chiffres. Il s'agit de connaître le "pourquoi" des interactions réelles. Les heatmaps de défilement de Hotjar montrent comment les utilisateurs se déplacent sur votre site à l'aide d'un dégradé de couleur allant du rouge au bleu. Les zones bleues indiquent que moins de visiteurs défilent vers une zone particulière, ce qui permet d'apporter des améliorations ciblées.

Vous souhaitez suivre la profondeur de défilement pour des segments d'utilisateurs spécifiques ? Les filtres du dashboard de Hotjar permettent de mieux comprendre les interactions des utilisateurs sur votre site.

Filter your heatmaps using the vast number of filters available in the Hotjar dashboard

Les filtres disponibles dans Hotjar incluent

  • La date

  • Le type d'utilisateur

  • L'emplacement

  • La technologie

  • Les filtres comportementaux

  • Les caractéristiques de l'utilisateur : segmentez les utilisateurs en fonction de caractéristiques personnalisées que vous avez configurées, comme ceux qui ont effectué un achat par rapport à ceux qui ne l'ont pas fait.

  • Le feedback : comprenez le sentiment de l'utilisateur en filtrant les sessions où un feedback a été fourni via l'outil Feedback de Hotjar.

💡 Conseil de pro : essayez ces façons intelligentes d'utiliser les filtres dans les heatmaps Hotjar. 👇

  • Analyse de la page d'accueil : comparez la façon dont les nouveaux visiteurs et ceux qui reviennent interagissent avec votre page d'accueil. Vérifiez si les utilisateurs qui reviennent peuvent facilement trouver le bouton de connexion.

  • Analyse des sorties : comprenez pourquoi les utilisateurs quittent votre site après avoir atterri sur une page spécifique.

  • Tests A / B : comparez les données de la heatmap pour différentes variantes de pages afin de déterminer quel design ou quelle présentation de contenu performe le mieux.

  • Optimisation du flux de paiement : identifiez les endroits où les utilisateurs abandonnent au cours du processus de paiement et si une étape spécifique crée de la confusion.

  • Performances des campagnes : analysez comment les utilisateurs de campagnes payantes spécifiques interagissent avec vos pages de destination. Vérifiez s'ils font suffisamment défiler la page vers le bas pour voir les CTA importants ou si certaines sections retiennent leur attention de manière inattendue.

2. Détecter les faux fonds

Il vous est probablement déjà arrivé de faire défiler une page web jusqu'en bas et de rebondir sans vous rendre compte qu'il y avait encore du contenu à voir. Et il y a des chances que les utilisateurs fassent de même sur votre site web. C'est ce qu'on appelle un "faux fond", ou lorsque les visiteurs manquent un contenu précieux en fin de page, comme les coordonnées, les CTA et les évaluations des clients. Généralement, c'est dû au fait qu'une grande image ou qu'un saut de section donne l'impression que la page est terminée.

Hotjar éclaire les zones trompeuses de votre site en mettant en évidence des couleurs plus froides aux endroits où les utilisateurs font une pause, afin d'indiquer les faux-fonds potentiels. En identifiant et en traitant ces faux fonds, vous vous assurez que les utilisateurs voient tout le contenu et tous les éléments de la page que vous avez créés, ce qui augmente l'engagement sur votre site.

Les heatmaps nous ont montré que très peu d'utilisateurs faisaient défiler leur page au-delà de notre héros. Lors de la refonte de nos pages de destination, nous avons donc utilisé cette information pour ne remanier que cette section. Cela nous a permis de réduire nos coûts de conception et d'ingénierie tout en augmentant notre taux de conversion de 15 %.

Simon Tinsley
Growth Manager, ClickMechanic

3. Optimisez l'emplacement du contenu

La "ligne de flottaison" est le point d'une page web où les utilisateurs doivent commencer à faire défiler la page pour voir plus de contenu. La zone de flottaison moyenne correspond au point médian d'une page web que les utilisateurs peuvent voir sans la faire défiler lorsqu'ils accèdent à la page pour la première fois. Sur une heatmap de défilement Hotjar, ce point est marqué par une ligne distincte intitulée "LIGNE DE FLOTTAISON MOYENNE".

#Part of a Hotjar scroll map showing the average fold
Part of a Hotjar scroll map showing the average fold

Avec Hotjar, le placement du contenu devient une science, et non une supposition. Les heatmaps de défilement montrent où les utilisateurs s'engagent le plus et quelles sont les zones qu'ils risquent d'ignorer, ce qui vous permet de repérer les zones à fort trafic et les angles morts potentiels afin de positionner stratégiquement le contenu essentiel là où il est le plus susceptible de captiver votre public.

La heatmap de défilement a montré que sur mobile, 75 % des utilisateurs ne voyaient pas notre CTA principal. Nous l'avons placé au-dessus de la ligne de flottaison et avons constaté une augmentation immédiate du nombre d'utilisateurs atterrissant sur nos pages clés.

Anna Grünanger
Head of Acquisition, Vimcar

4. Garantissez l'accessibilité du contenu

Les utilisateurs qui font trop défiler les pages peuvent avoir du mal à trouver ce dont ils ont besoin. En surface, votre contenu peut sembler attrayant parce que les heatmaps montrent que les utilisateurs font défiler toute la page, mais les taux de conversion et de rebond contredisent cette hypothèse.

Hotjar vous aide à identifier ces zones et à optimiser la navigation sur votre site en regardant des enregistrements de sessions où des utilisateurs réels interagissent avec votre site web à l'aide de l'outil Recordings.

💡 Conseil de pro : vous voulez aller plus loin ? Le panneau d'informations de la page Hotjar Heatmaps facilite une analyse plus poussée, en fournissant des informations supplémentaires pour compléter les données visuelles de vos heatmaps de défilement.

Situé sur le côté droit de chaque heatmap, ce panneau vous indique le ressenti moyen de l'utilisateur (sous la forme d'un score de feedback) et identifie les zones de frustration potentielle en mettant en évidence des schémas comportementaux comme les rage clicks. Si les utilisateurs effectuent souvent des rage clicks dans une section qui demande un défilement plus long, cela peut être le signe de problèmes sous-jacents de contenu ou de conception à prendre en compte.

En plus des données visuelles, le panneau fournit des mesures quantitatives comme le temps moyen passé sur la page, le taux d'abandon et les erreurs de la console pour apporter du contexte à vos données de défilement. Si les utilisateurs passent beaucoup de temps sur une page sans la faire défiler, cela peut être le signe qu'ils ont besoin d'aide pour trouver les informations dont ils ont besoin.

Le panneau latéral Hotjar Heatmaps apporte plus de contexte

5. Une meilleure expérience multi-appareils

Le comportement de l'utilisateur sur un site web diffère en fonction de l'appareil utilisé. Les heatmaps de défilement de Hotjar (et Hotjar en général) révèlent ces différences via des heatmaps distinctes sur mobile, ordinateur et tablette.

#Hotjar allows you to switch between device and heatmap types using a single click
Hotjar allows you to switch between device and heatmap types using a single click

Prenons l'exemple de l'enjeu de repositionnement de Vimcar. Au cours de la refonte, Anna Grünanger, Head of Acquisition chez Vimcar, a repéré des problèmes de navigation sur leur site britannique, avec des fonctionnalités clés qui éclipsaient leur principal CTA. Les observations de Hotjar ont montré que 75 % des utilisateurs sur mobile ne tenaient pas compte du principal CTA de Vimcar. Un changement stratégique au-dessus de la ligne de flottaison a conduit à une augmentation notable de l'engagement des utilisateurs sur les pages cruciales.

Les heatmaps de défilement de Hotjar ont permis à Vimcar d'affiner l'emplacement de son contenu, améliorant ainsi l'expérience utilisateur sur tous les appareils. Pour toute entreprise centrée sur le client, ces informations sont inestimables.

Tirez le meilleur parti du suivi du défilement

Comprendre le comportement des visiteurs de votre site web en matière de défilement vous permet d'apporter des changements stratégiques à votre site web afin d'améliorer l'expérience utilisateur et d'augmenter les conversions. Mais comme vous l'avez vu, la profondeur de défilement ne doit pas être utilisée de manière isolée pour apporter des modifications majeures à votre site web. Elle vous permet seulement de savoir comment les visiteurs s'engagent sur votre site, mais pas pourquoi.

La solution ? Utilisez Hotjar, l'outil d'analyse comportementale qui vous donne une compréhension plus complète du comportement de l'utilisateur grâce à une suite d'outils sophistiqués tels que les enregistrements de session, les heatmaps et le feedback de l'utilisateur.

Prêt à améliorer l'expérience utilisateur de votre site web ?

Créez votre heatmap de défilement dès aujourd'hui

Créez un compte Hotjar gratuit, ajoutez le code de suivi à votre site et découvrez comment vos utilisateurs font défiler vos pages.

FAQ sur le suivi du défilement

Related articles