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: por cada página, un pequeño gráfico de 5 barras en «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 muestra una superposición de degradado sobre la captura.
- Detalle de sesión — Profundidad máxima mostrada junto a la duración y páginas vistas.
Qué se registra
En cada pageview el tracker mide (scrollTop + viewportHeight) / documentHeight × 100 mientras la persona se desplaza. El valor más profundo de la sesión se guarda en 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, así que el contenido dinámico (scroll infinito, acordeones, lazy-loading) se maneja de forma natural.
Además, el tracker emite eventos de hito de disparo único en los cinco umbrales del plan:
| Hito | Disparo | Almacenamiento |
|---|---|---|
| 25% | Primera vez que scroll_percent >= 25 | event_type='scroll_milestone', event_data.depth=25 |
| 50% | Primera vez que scroll_percent >= 50 | … 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 disparado un hito para una sesión no se vuelve a disparar — subir y volver a bajar no genera duplicados. En cambios de ruta SPA (pushState / replaceState / popstate) el conjunto de hitos se resetea.
La profundidad de desplazamiento es parte de la función heatmaps, disponible desde el plan Pro. Los sitios del plan gratis no registran eventos de scroll.
Embudo en la pestaña Páginas
Abre un dashboard de dominio → pestaña Páginas. Bajo las tarjetas Páginas / Ubicación / Sistema, el widget de ancho completo Embudo de profundidad 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 comparten una línea base común 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
- 50% — la mitad
- 75% — tres cuartos
- 90% — casi el final
- 100% — todo el final (ver Tolerancia práctica 100% abajo)
Como la profundidad de desplazamiento es monotónica (el % que alcanzó el 50% es siempre ≤ el % que alcanzó el 25%), las barras descienden naturalmente de izquierda a derecha. La forma misma — una escalera descendente — es la señal visual: escaleras largas significan lectura profunda, cortas significan abandono cerca del inicio.
Los porcentajes se calculan sobre visitors.scroll_depth_percentage para esa página en el período seleccionado. Los % exactos por hito están siempre visibles bajo las barras — sin necesidad de hover. Las páginas con menos de 10 pageviews (o sin engagement de scroll relevante) se marcan como low signal y se atenúan para no dominar la vista.
Desambiguación de subdominios
Si tu código de seguimiento se usa en varios subdominios (p. ej. zenovay.com y docs.zenovay.com apuntan al mismo tracker), cada combinación subdominio × ruta obtiene su propia fila. El hostname aparece como prefijo atenuado antes de la ruta en negrita — así distingues zenovay.com/en/ de docs.zenovay.com/en/ de un vistazo.
La vista por defecto muestra las 5 páginas principales; un botón «Show all» revela el resto dentro de un área de scroll de altura fija, manteniendo la altura de la tarjeta alineada con sus vecinas.
Tolerancia práctica 100%
El tracker calcula el porcentaje como (scrollTop + viewportHeight) / documentHeight × 100. En el fondo visual, el renderizado subpíxel y el redimensionamiento de la barra de direcciones móvil hacen que las matemáticas a menudo terminen en 99,7-99,9% en lugar de exactamente 100. Por eso el tracker se ajusta a 100 cuando el fondo del viewport está a menos 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 este ajuste se benefician retroactivamente de la misma tolerancia — la columna «100% alcanzado» muestra interacción real en lugar de ceros estructurales.
Cómo leerlo
| Patrón | Causa probable | Acción |
|---|---|---|
| 80% / 45% / 18% / 6% / 0% | Embudo sano; contenido largo leído parcialmente | Optimiza el contenido entre 25-50% — es lo que ven la mayoría |
| 95% / 90% / 80% / 70% / 50% | Página muy corta o lectura alta | Verifica que el CTA inferior caiga dentro del viewport |
| 30% / 5% / 1% / 0% / 0% | Rebotes sobre la línea de flotación | Revisa el copy 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 al final pierde lectores antes del CTA.
Superposición de heatmap de scroll
En la vista Heatmaps el control segmentado del encabezado alterna entre Clic y Scroll. El modo scroll pinta un degradado sobre la captura. El color a cada altura codifica el porcentaje de visitantes que llegaron a ese punto.
Como el tope siempre es alcanzado por todos, la parte superior es la más caliente. El degradado se va enfriando según baja el porcentaje. Una transición brusca es un "punto de abandono" y suele corresponder a un elemento de diseño concreto.
La heatmap de scroll requiere la captura de pantalla. Se toma automáticamente en el primer pageview con heatmap habilitada; deja pasar unos minutos tras activar heatmaps.
Profundidad máxima en el detalle de sesión
Al abrir una sesión desde el globo o lista de visitantes, el panel lateral muestra Profundidad máxima: X% junto a Páginas vistas y Duración.
12% en una página larga indica un rebote probable. 100% en una página larga indica alta interacción independientemente del tiempo — leyeron todo.
Privacidad y consentimiento
El seguimiento de profundidad vive enteramente en el estado en memoria del tracker por carga de página. No se escriben cookies ni localStorage, así que la función no se ve afectada por banners de consentimiento. En sitios que envían Sec-GPC (Global Privacy Control), la ruta de ingestión de hitos se omite en el servidor — solo se conserva el máximo por visitante, exactamente los mismos datos que Zenovay registra para tráfico no-GPC.