Zenovay enregistre la profondeur de défilement de chaque visiteur à chaque pageview. Le tableau de bord transforme ce signal en trois surfaces actionnables.
Les trois surfaces
- Onglet Pages → Carte de profondeur — rangée pleine largeur sous les cartes Sources / Pages / Lieu / Système. C'est une carte optionnelle, vous l'ajoutez d'abord depuis le menu Personnaliser (voir ci-dessous).
- Vue Heatmaps → Mode Défilement — superposition en dégradé sur la capture d'écran
- Détail de session → Profondeur maximale — une ligne sur la fiche du visiteur
Ce que signifient les jalons
Chaque jalon se déclenche la première fois qu'un visiteur franchit ce seuil sur une page. Ensuite plus rien — remonter puis redescendre ne redéclenche pas. Sur les SPA, les changements de route (pushState / replaceState) réinitialisent l'état, donc la nouvelle route peut déclencher les 5 jalons à neuf.
| Jalon | Signification simple |
|---|---|
| 25% | « Lu au-delà du hero / section d'ouverture » |
| 50% | « À mi-chemin de la page » |
| 75% | « Approche de la fin du contenu / CTA » |
| 90% | « Au bas du contenu lisible » |
| 100% | « A atteint le pied de page » |
Lire l'entonnoir
Ouvrez un domaine et restez sur l'onglet Pages. La carte Profondeur de défilement est désactivée par défaut, donc cliquez sur Personnaliser (l'icône des curseurs en haut du tableau de bord), activez la carte Profondeur de défilement et fermez le tiroir. Elle s'affiche dans sa propre rangée pleine largeur sous les cartes de ventilation. Chaque ligne est une page ; le mini-graphique central comporte cinq barres dans une seule couleur d'accent, alignées sur une ligne de base, avec des hauteurs proportionnelles au taux d'atteinte. Comme la profondeur de défilement est monotone (atteinte 50% toujours ≤ atteinte 25%), les barres forment naturellement un escalier descendant — cette forme est l'entonnoir.
Page longue saine :
/blog/long-article 80% • 45% • 18% • 6% • 0%
~80% ont dépassé le hero, 45% ont lu la moitié, seulement 18% ont atteint 75%.
Page courte avec fort engagement :
/checkout-merci 95% • 90% • 80% • 70% • 50%
La plupart ont tout vu — typique des pages transactionnelles courtes.
Rebond au-dessus de la ligne de flottaison :
/landing-2 30% • 5% • 1% • 0% • 0%
Deux tiers partent avant un quart — examiner copy du hero, temps de chargement, layout-shift.
Le motif de diagnostic le plus courant est une chute brutale entre deux jalons adjacents (une barre soudain courte après plusieurs longues). Une chute de 19% (75%) à 6% (90%) sur une page de vente signifie que quelque chose en bas — souvent juste avant le CTA — perd des lecteurs.
Les % exacts par jalon sont affichés directement sous chaque barre — aucun survol nécessaire. Les pages avec moins de 10 visiteurs sur la période (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, ce qui rend zenovay.com/en/ et docs.zenovay.com/en/ faciles à distinguer.
Le widget affiche par défaut les 5 pages principales ; un bouton « Show all N pages » révèle le reste dans une zone de défilement à hauteur fixe, conservant la hauteur de la carte alignée avec ses voisines.
À propos du jalon 100%
Le tracker mesure jusqu'où un visiteur a voyagé dans la zone de défilement : scrollTop / (documentHeight − viewportHeight) × 100, plafonné à 100. Quand une page est plus courte que le viewport (rien à défiler) ou le visiteur atteint le très bas, le tracker signale 100 directement, avec une petite tolérance pour que le padding du pied de page ne le maintienne pas juste en dessous. Le jalon 100% se déclenche quand le visiteur franchit cette marque. Donc quand vous voyez « 1,8% ont atteint 100% » sur une page, c'est la part de visiteurs qui sont vraiment allés au pied de page.
Lire la heatmap de défilement
Dans la vue Heatmaps, cliquez sur le bouton Défilement dans le contrôle segmenté en haut. La heatmap se re-rend en dégradé vertical sur la capture. Bandes rouges = beaucoup d'atteinte, bandes bleues = peu.
Comme tout le monde atteint le haut, le sommet est toujours le plus chaud. Utilisez la heatmap pour repérer :
- Transitions nettes — une zone froide soudaine correspond souvent à un élément de design précis (fin de hero, layout-shift, bloc publicitaire lourd, placement de CTA)
- Longues traînes chaudes — la plupart lisent profondément, bravo pour un contenu engageant
- Milieux froids avec bas chauds — motif « saut vers le CTA », fréquent avec des ancres sticky
Info
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.
Lire le max de défilement dans le détail de session
Quand vous cliquez sur un visiteur dans le globe en direct ou ouvrez depuis la liste, le panneau latéral affiche Profondeur de défilement max : X% à côté de Pages vues et Durée de session.
C'est le point le plus profond atteint par ce visiteur sur toutes les pages de sa session. Utile pour trier une session unique :
- 12% max sur page longue → rebond probable
- 100% max sur page longue → fortement engagé, peu importe la durée
- 40-60% sur page courte → typique, aucune action nécessaire
Conditions de plan
Le suivi de profondeur fait partie de la fonctionnalité heatmaps et nécessite un plan Pro ou supérieur. Les sites du tier gratuit n'enregistrent pas de défilement — le diagramme y affiche un état vide.
Confidentialité
L'état de la profondeur vit entièrement en mémoire dans le tracker pendant la durée du chargement de page. Pas de cookies, pas de localStorage. Les bannières de consentement n'encadrent pas cette fonctionnalité.
Zenovay honore l'en-tête Sec-GPC: 1 Global Privacy Control : quand le navigateur d'un visiteur l'envoie, l'enrichissement comportemental (comme l'identification d'entreprise et l'inférence démographique) est désactivé et la ligne du visiteur est marquée comme « opted out ». La mesure de profondeur elle-même est le même signal sans cookie, window-scoped que Zenovay conserve pour tout le trafic.
Si le diagramme est vide
Raisons courantes :
- Le site est sur le plan gratuit — passez à Pro pour activer les heatmaps.
- Heatmaps fraîchement activées — attendez quelques minutes le temps que du trafic arrive.
- Aucun trafic sur la plage de dates — élargissez à 30 jours.
- Page très courte — les visiteurs atteignent 100% en un viewport ; le diagramme l'affiche correctement (souvent 100/100/100/100/100% pour une page d'un seul viewport).