Profondeur de défilement
Zenovay enregistre la profondeur de défilement de chaque visiteur sur chaque pageview. Trois surfaces dans le tableau de bord transforment ce signal en quelque chose d'actionnable :
- Onglet Pages — Entonnoir de profondeur de défilement : pour chaque page, un petit graphique « escalier descendant » à 5 barres dont les hauteurs représentent le % de visiteurs ayant atteint 25 / 50 / 75 / 90 / 100% de la page.
- Vue Heatmaps — Mode Défilement affichant une superposition en dégradé sur la capture d'écran.
- Détail de session — Profondeur maximale affichée en ligne avec la durée et les pages vues.
Ce qui est suivi
À chaque pageview, le tracker mesure (scrollTop + viewportHeight) / documentHeight × 100 en continu pendant le défilement du visiteur. La valeur la plus profonde atteinte pendant la session est stockée sur la ligne du visiteur (visitors.scroll_depth_percentage, entier 0-100). La hauteur totale de la page est recalculée à chaque événement de défilement, donc le contenu dynamique (défilement infini, accordéons, images en lazy-loading) est géré naturellement.
Séparément, le tracker émet des événements jalons à déclenchement unique aux cinq seuils définis par le plan :
| Jalon | Déclenchement | Stockage |
|---|---|---|
| 25% | Première fois où scroll_percent >= 25 | event_type='scroll_milestone', event_data.depth=25 |
| 50% | Première fois où scroll_percent >= 50 | … depth=50 |
| 75% | Première fois où scroll_percent >= 75 | … depth=75 |
| 90% | Première fois où scroll_percent >= 90 | … depth=90 |
| 100% | Première fois où scroll_percent >= 100 | … depth=100 |
Une fois qu'un jalon est déclenché pour une session, il ne se redéclenche pas — remonter et redescendre ne refera rien. Sur les changements de route SPA (pushState / replaceState / popstate), l'état des jalons est réinitialisé.
Le suivi de la profondeur de défilement fait partie de la fonctionnalité heatmaps, disponible à partir du plan Pro. Les sites du tier gratuit n'enregistrent pas d'événements de défilement.
Entonnoir dans l'onglet Pages
Ouvrez le tableau de bord d'un domaine → onglet Pages. Sous les cartes Pages / Lieu / Système, le widget pleine largeur Entonnoir de défilement affiche vos 10 pages principales. Chaque ligne est une page avec un petit graphique à 5 barres au centre. Les barres sont alignées sur une ligne de base commune et utilisent une seule couleur d'accent — leurs hauteurs encodent l'atteinte de chaque jalon :
- 25% — hauteur ∝ % de pageviews ayant atteint au moins un quart
- 50% — la moitié
- 75% — trois quarts
- 90% — presque le bas
- 100% — tout en bas (voir Tolérance pratique 100% ci-dessous)
Comme la profondeur de défilement est monotone (le % ayant atteint 50% est toujours ≤ le % ayant atteint 25%), les barres descendent naturellement de gauche à droite. La forme elle-même — un escalier descendant — est le signal visuel : un long escalier signifie une lecture profonde, un court escalier signifie un abandon près du haut.
Les pourcentages sont calculés sur visitors.scroll_depth_percentage pour cette page sur la période sélectionnée. Les % exacts par jalon sont toujours visibles sous les barres — aucun survol nécessaire. Les pages avec moins de 10 pageviews (ou sans engagement de défilement notable) sont marquées low signal et atténuées pour ne pas dominer la vue.
Désambiguïsation des sous-domaines
Si votre code de suivi est utilisé sur plusieurs sous-domaines (par exemple zenovay.com et docs.zenovay.com pointent vers le même tracker), chaque combinaison sous-domaine × chemin obtient sa propre ligne. Le hostname apparaît comme préfixe atténué avant le chemin en gras — vous distinguez ainsi zenovay.com/en/ de docs.zenovay.com/en/ en un coup d'œil.
L'affichage par défaut montre les 5 pages principales ; un bouton « Show all » révèle le reste dans une zone de défilement à hauteur fixe, conservant la hauteur de la carte alignée avec ses voisines.
Tolérance pratique 100%
Le tracker calcule le pourcentage de défilement comme (scrollTop + viewportHeight) / documentHeight × 100. En bas visuel, le rendu subpixel et le redimensionnement de la barre d'adresse mobile font que les maths plafonnent souvent à 99,7-99,9% plutôt qu'exactement 100. Le tracker se cale donc sur 100 quand le bas du viewport est à moins de 2 px du bas du document, et les tableaux de bord Zenovay comptent scroll_depth_percentage ≥ 95 comme « 100% atteint ». Les données historiques capturées avant ce correctif bénéficient rétroactivement de la même tolérance — la colonne « 100% atteint » montre un véritable engagement plutôt que d'être structurellement à zéro.
Comment lire
| Motif | Cause probable | Action |
|---|---|---|
| 80% / 45% / 18% / 6% / 0% | Entonnoir sain ; contenu long lu partiellement | Optimiser le contenu entre 25-50% — c'est ce que la plupart voient |
| 95% / 90% / 80% / 70% / 50% | Page très courte ou forte lecture | Vérifier que le CTA en bas est réellement dans le viewport |
| 30% / 5% / 1% / 0% / 0% | Rebonds au-dessus de la ligne de flottaison | Examiner le texte above-the-fold, le temps de charge ou le layout-shift |
Une chute de 19% (75%) à 6% (90%) sur une page de vente est le signal de diagnostic le plus courant — quelque chose en bas de page perd les lecteurs avant le CTA.
Superposition heatmap de défilement
Dans la vue Heatmaps, le contrôle segmenté dans l'en-tête bascule entre Clic et Défilement. Le mode défilement superpose un dégradé sur la capture d'écran. La couleur à chaque hauteur encode le pourcentage de visiteurs ayant atteint ce point.
Comme le haut de page est atteint par tout le monde, le haut de la capture est toujours le plus chaud. Le dégradé s'estompe à mesure que le pourcentage chute — une transition nette est un « point d'abandon » et correspond généralement à un élément de design spécifique.
La heatmap de défilement nécessite la capture d'écran de la page. Les captures sont prises automatiquement à la première pageview avec heatmap activée ; comptez quelques minutes après activation.
Profondeur maximale dans le détail de session
Quand vous ouvrez une session depuis le globe ou la liste des visiteurs, le panneau latéral affiche Profondeur de défilement max : X% à côté de Pages vues et Durée de session.
12% sur une page longue indique un rebond probable. 100% sur une page longue indique un engagement élevé indépendamment de la durée — la personne a tout lu.
Confidentialité et consentement
Le suivi de profondeur vit entièrement dans l'état mémoire du tracker, par chargement de page. Rien n'est écrit en cookies ou localStorage, donc la fonctionnalité n'est pas affectée par les bannières de consentement. Sur les sites envoyant Sec-GPC (Global Privacy Control), le chemin d'ingestion des jalons est court-circuité côté serveur — seul le max par visiteur est conservé, exactement les mêmes données que pour le trafic non-GPC.