Profundidad de desplazamiento
Zenovay registra hasta dónde se desplaza cada visitante en cada pageview. Tres superficies del dashboard convierten esa señal en algo accionable:
- Pestaña Páginas — Embudo de profundidad de desplazamiento que muestra, para cada página, un pequeño gráfico de 5 barras tipo «escalera descendente» cuyas alturas son el % de visitantes que alcanzaron el 25 / 50 / 75 / 90 / 100% de la página.
- Vista Heatmaps — Modo Scroll que renderiza una superposición de degradado sobre la captura de tu página.
- Detalle de sesión — Profundidad máxima de desplazamiento mostrada junto con el tiempo de sesión y páginas vistas.
Qué se registra
En cada pageview, el tracker mide (scrollTop + viewportHeight) / documentHeight × 100 continuamente mientras el visitante se desplaza. El valor más profundo alcanzado durante la sesión se almacena contra la fila del visitante (visitors.scroll_depth_percentage, entero 0-100). La altura total de la página se recalcula en cada evento de scroll, por lo que el contenido dinámico (scroll infinito, acordeones, imágenes lazy-loaded) se maneja naturalmente.
Por separado, el tracker emite eventos de hito de disparo único en los cinco umbrales especificados en el plan:
| Hito | Dispara cuando | Almacenado como |
|---|---|---|
| 25% | Primera vez que scroll_percent >= 25 | event_type='scroll_milestone', event_data.depth=25 |
| 50% | Primera vez que scroll_percent >= 50 | event_type='scroll_milestone', event_data.depth=50 |
| 75% | Primera vez que scroll_percent >= 75 | … depth=75 |
| 90% | Primera vez que scroll_percent >= 90 | … depth=90 |
| 100% | Primera vez que scroll_percent >= 100 | … depth=100 |
Una vez que un hito se dispara para una sesión, no se dispara de nuevo — desplazarse hacia arriba y hacia adelante de nuevo es sin efecto. En cambios de ruta SPA (pushState / replaceState / popstate), el conjunto de hitos alcanzados se reinicia para que la nueva ruta comience de cero.
El seguimiento de profundidad de desplazamiento es parte de la función heatmaps, disponible en el plan Pro y superiores. Los sitios de nivel gratuito no registran eventos de scroll.
Gráfico embudo en la pestaña Páginas
Abre Dominios, selecciona tu sitio, luego abre la pestaña Páginas. Debajo de las tarjetas Páginas / Ubicación / Sistema, el widget de ancho completo Embudo de profundidad de desplazamiento muestra tus 10 páginas principales. Cada fila es una página con un mini-gráfico de 5 barras en el centro. Las barras están alineadas en la base y usan un único color de acento — sus alturas codifican el alcance de cada hito:
- 25% — altura ∝ % de pageviews que alcanzaron al menos un cuarto de la página
- 50% — la mitad
- 75% — tres cuartos
- 90% — casi el fondo
- 100% — el fondo (ver Tolerancia práctica del 100% más abajo)
Dado que la profundidad de desplazamiento es monótona (la proporción que alcanzó 50% siempre es ≤ la que alcanzó 25%), las barras descienden naturalmente de izquierda a derecha. La forma misma — una escalera descendente — es la señal visual: escaleras largas significan que los visitantes están leyendo profundamente, las cortas significan abandono cerca de la parte superior.
Los porcentajes se calculan contra visitors.scroll_depth_percentage para esa página durante el período seleccionado. Los porcentajes de cada hito de cada fila están siempre visibles bajo las barras — no se necesita hover. Las páginas con menos de 10 pageviews (o con engagement de scroll efectivamente cero) están marcadas como low signal y atenuadas para que no dominen la vista.
Desambiguación de subdominios
Si tu código de seguimiento se usa en varios subdominios (p. ej. tanto zenovay.com como docs.zenovay.com apuntan al mismo tracker), cada combinación subdominio × ruta obtiene su propia fila. El nombre del host aparece como prefijo atenuado antes de la ruta en negrita, para que puedas distinguir zenovay.com/en/ de docs.zenovay.com/en/ de un vistazo — útil cuando el mismo path sirve contenido diferente en subdominios diferentes.
La vista predeterminada muestra las 5 páginas principales; un botón Mostrar todo revela el resto dentro de un área de scroll de altura fija, manteniendo la tarjeta con la misma altura que sus vecinas.
Tolerancia práctica del 100%
El tracker calcula el porcentaje de desplazamiento como (scrollTop + viewportHeight) / documentHeight × 100. En el fondo visual, el renderizado subpíxel y el cambio de tamaño de la barra de direcciones móvil hacen que las matemáticas a menudo lleguen a 99,7-99,9% en lugar de exactamente 100. Por lo tanto, el tracker se ajusta a 100 cuando el fondo del viewport está dentro de 2 px del fondo del documento, y los dashboards de Zenovay cuentan scroll_depth_percentage ≥ 95 como «alcanzó 100%». Los datos históricos capturados antes de la corrección de snap-to-100 se benefician de la misma tolerancia retroactivamente, por lo que la columna «100% alcanzado» muestra engagement real en lugar de ser estructuralmente cero.
Cómo leerlo
| Patrón | Causa probable | Acción |
|---|---|---|
| 80% / 45% / 18% / 6% / 0% | Embudo saludable; contenido long-form leído parcialmente | Optimiza el contenido sobre la marca del 50% — es visto por la mayoría de lectores |
| 95% / 90% / 80% / 70% / 50% | Página muy corta o engagement de lector muy fuerte | Verifica que el CTA inferior se cargue realmente en el viewport |
| 30% / 5% / 1% / 0% / 0% | Visitantes rebotando al fold | Investiga la copia above-the-fold, tiempo de carga o layout shift |
Una caída de 19% (75%) a 6% (90%) en una página de ventas es la señal de diagnóstico más común — algo en el fondo está perdiendo lectores antes del CTA.
Superposición de heatmap de desplazamiento
En Dominios, selecciona tu sitio, luego abre la pestaña Heatmaps. El control segmentado en el encabezado te permite cambiar entre modos Clic y Scroll. El modo Scroll renderiza una superposición de degradado sobre la captura de pantalla de tu página. El color a cada altura codifica el porcentaje de visitantes que alcanzaron ese punto.
Debido a que la parte superior de cada página es alcanzada por todos, la parte superior de la captura siempre tiene el color más cálido. El degradado se desvanece a medida que el porcentaje cae — una transición abrupta es un «punto de caída» y generalmente se asigna a un elemento de diseño específico (el final de la sección hero, un layout shift, un bloque de anuncios pesado).
La heatmap de desplazamiento requiere que se capture la captura de pantalla de la página. Las capturas se capturan automáticamente en el primer pageview con heatmap habilitado por página; deja pasar algunos minutos después de habilitar los heatmaps para que aparezca la primera captura.
Profundidad máxima de desplazamiento en detalle de sesión
Cuando abres una sesión desde el globo en vivo o la lista de visitantes, el panel lateral muestra Profundidad máxima de desplazamiento: X% junto a Páginas vistas y Tiempo de sesión. Este es el desplazamiento más profundo que el visitante alcanzó en todas las páginas de esa sesión.
Un visitante que muestra 12% de desplazamiento máximo en una página long-form indica un rebote probable. Un visitante que muestra 100% de desplazamiento en una página larga está altamente engaged independientemente del tiempo de sesión — leyeron todo.
Privacidad y consentimiento
El seguimiento de profundidad de desplazamiento vive enteramente dentro del estado en memoria del tracker por carga de página. Nada se escribe en cookies o localStorage, por lo que la función no se ve afectada por banners de consentimiento de cookies. En sitios que ejecutan con Sec-GPC (Global Privacy Control), la ruta de ingestión de eventos de hitos se omite en el servidor — solo se retiene el máximo de desplazamiento a nivel de visitante, exactamente los mismos datos que Zenovay registra para tráfico sin GPC.
Relacionado
- Métricas de calidad de página — tasa de rebote, tasa de salida, tiempo mediano en página
- Flujos de páginas — diagrama Sankey de cómo los visitantes se mueven entre páginas
- Heatmaps (funciones pro) — densidad de clics y superposición de desplazamiento