Profondeur de défilement

Disponible avectoutes les offres

La profondeur de défilement indique jusqu'où vos visiteurs descendent sur une page. Elle provient du même script que celui qui enregistre les pages vues, n'ajoute aucune requête et reste anonyme, comme tout le reste dans Cabin.

Ce qui est mesuré

Chaque visite enregistre le point le plus bas qu'elle a atteint, en pourcentage du contenu de la page. Cette valeur est envoyée une seule fois, quand le visiteur quitte la page.

Le pourcentage est calculé par rapport au contenu de la page, pas au document entier : un long pied de page ne fait donc pas passer une lecture complète pour 75 %. Voir ce qui compte comme la page.

Où la trouver

Sur le tableau de bord, la ligne Attention affiche la profondeur de défilement moyenne de votre site. La petite bande à côté représente une page : pleine en haut, elle s'estompe vers le bas à mesure que les visiteurs décrochent. Survolez une tranche pour voir la part exacte de visiteurs arrivés jusque-là.

Dans l'aperçu de page, ouvrez n'importe quelle page depuis Top Pages et passez à l'onglet Attention pour obtenir les mêmes chiffres pour cette page, avec en plus une version agrandie de la bande, sous forme de liste.

Lire la carte de chaleur

Chaque ligne indique la part de visiteurs arrivés au moins jusqu'à ce niveau de la page. La ligne 0 % correspond à tout le monde, et les lignes ne font que baisser à partir de là.

L'écart entre deux lignes montre où les gens se sont arrêtés. Une forte baisse près du haut signifie que la plupart des visiteurs n'ont jamais fait défiler la page. Une ligne 100 % peu éloignée des autres signifie que la plupart de ceux qui ont commencé sont allés jusqu'au bout.

Atteindre 100 % signifie que le bas du contenu s'est affiché à l'écran, pas qu'il a été lu. Quelqu'un qui file directement en bas de page compte aussi.

Ce qui compte comme la page

Cabin mesure la profondeur par rapport au bloc de contenu, recherché dans cet ordre :

1. Un élément avec data-cabin-content, si vous en avez ajouté un.
2. Sinon, le premier <article> ou <main>.
3. Sinon, le document entier, coupé au premier <footer>.

Si votre mise en page n'a ni <article> ni <main>, ou si ceux-ci englobent aussi la barre latérale et les commentaires en plus de l'article, indiquez à Cabin où se trouve le contenu :

<div data-cabin-content>
  <!-- le corps de l'article -->
</div>

C'est l'une des deux balises que comprend la profondeur de défilement. L'autre est présentée dans la section suivante.

Applications, tableaux de bord et panneaux

La plupart des sites font défiler la fenêtre entière. Ce n'est souvent pas le cas des applications : elles gardent l'en-tête et la barre latérale fixes et font défiler un panneau central. Cabin suit l'élément qui bouge réellement, si bien qu'une mise en page de type tableau de bord est mesurée comme une page ordinaire, sans que vous ayez rien à faire.

Si votre mise en page est assez inhabituelle pour que Cabin choisisse le mauvais élément, désignez le bon :

<div data-cabin-scroll-root>
  <!-- la partie de la page qui défile -->
</div>

Les deux attributs

Ce sont les deux seules balises de la profondeur de défilement, et elles répondent à des questions différentes.

	Ce qu'il indique	Ajoutez-le quand
data-cabin-content	Quelle partie de la page compte comme le contenu ?	Votre page n'a ni <article> ni <main>, ou en a un qui englobe aussi la barre latérale et les commentaires
data-cabin-scroll-root	Quel élément fait défiler ?	Cabin choisit le mauvais panneau dans une mise en page d'application

Autrement dit : la racine de défilement est l'endroit où se trouve la barre de défilement, et le contenu est la partie à l'intérieur que vous voulez mesurer. Sur un site ordinaire, vous n'avez jamais à penser à la première, car la réponse est la fenêtre, et c'est ce que Cabin utilise tant que rien ne lui indique autre chose.

<body>
  <header>fixe, ne défile jamais</header>

  <div data-cabin-scroll-root>
    <!-- la partie qui bouge -->
    <article data-cabin-content>
      <!-- la partie qui compte -->
    </article>
    <footer>haut, ne devrait pas compter dans la lecture</footer>
  </div>
</body>

Ils sont indépendants : vous pouvez avoir besoin de l'un sans l'autre, et la plupart des sites n'ont besoin d'aucun des deux. Seul le premier élément balisé de chaque type est utilisé.

Pages qui s'allongent au défilement

La profondeur de défilement est un pourcentage, et un pourcentage a besoin d'un total. Sur un article, le total est fixe, donc le chiffre signifie bien ce que vous attendez.

Sur un fil, ou sur une page avec un bouton Load more, la page s'allonge pendant que le visiteur lit. Le total change sans cesse, et le pourcentage avec lui :

• Quelqu'un lit jusqu'en bas de ce qui est chargé. Cela fait 100 %.
• Il clique sur Load more. La page est maintenant trois fois plus longue et il n'a rien lu de la nouvelle partie.
• Il est maintenant à 33 %.

Le chiffre n'a rien de faux. C'est une mesure exacte de la distance parcourue dans ce qui était chargé. Mais cela signifie que le pourcentage peut baisser à mesure que quelqu'un s'implique davantage, et sur un fil qui se charge en avance sur le lecteur, personne n'atteint jamais le bas : 100 % n'arrive pour ainsi dire jamais.

Que faire à la place

Sur ce genre de pages, comptez les chargements plutôt que de lire le pourcentage. Placez un événement sur le bouton :

<button data-cabin-event="Load more">Load more</button>

Vous voyez maintenant combien de fois les gens ont demandé plus de contenu, ce qui est la vraie question que vous vous posiez. Ce chiffre augmente avec l'intérêt, au lieu de baisser.

Le chiffre de profondeur de défilement mérite quand même un coup d'œil sur ces pages, mais ne le lisez pas comme "jusqu'où ils sont descendus".

Ce qui n'est pas compté

• Les pages plus courtes que l'écran. Il n'y a rien à faire défiler : la visite est donc enregistrée comme non mesurée et exclue. Il en va de même pour une page dont le bloc de contenu est assez court pour tenir entièrement à l'écran : comme il n'y a aucun défilement à mesurer, Cabin se rabat sur la mesure par rapport à la page plutôt que de signaler une lecture que personne n'a faite.
• Les visites qui se terminent brutalement. La mesure est envoyée quand le visiteur part, et certains navigateurs n'en laissent pas le temps au script. La profondeur de défilement (comme le temps passé sur la page) provient donc d'un échantillon de visites. Le nombre de visites mesurées s'affiche sous la moyenne.
• Les robots et les scrapers. Ils n'exécutent pas le script. Les robots d'exploration IA sont comptés à part dans Trafic IA.

Offres

La profondeur de défilement est disponible sur toutes les offres, Free compris. Elle est enregistrée pour chaque site depuis son lancement : si votre tableau de bord est nouveau pour vous, vous avez peut-être déjà un historique à consulter.