Zenovay registra hasta dónde se desplaza cada visitante en cada pageview. El dashboard transforma esa señal en tres superficies accionables.
Las tres superficies
- Pestaña Páginas → Tarjeta de profundidad — fila de ancho completo bajo las tarjetas Fuentes / Páginas / Ubicación / Sistema. Es una tarjeta opcional, así que la añades primero desde el menú Personalizar (ver abajo).
- Vista Heatmaps → Modo Scroll — superposición de degradado sobre la captura
- Detalle de sesión → Profundidad máxima — una línea en la tarjeta del visitante
Qué significan los hitos
Cada hito se dispara la primera vez que un visitante cruza ese umbral en una página. Después, silencio — subir y bajar otra vez no vuelve a disparar. En SPAs, los cambios de ruta (pushState / replaceState) resetean el estado, así la nueva ruta puede disparar los 5 hitos de nuevo.
| Hito | Significado claro |
|---|---|
| 25% | "Leyó más allá del hero / sección inicial" |
| 50% | "A medio camino de la página" |
| 75% | "Acerca del final del contenido / CTA" |
| 90% | "Al final del contenido legible" |
| 100% | "Alcanzó el pie de página" |
Cómo leer el embudo
Abre un dominio y quédate en la pestaña Páginas. La tarjeta Profundidad de desplazamiento está desactivada por defecto, así que haz clic en Personalizar (el icono de controles en la parte superior del dashboard), activa la tarjeta Profundidad de desplazamiento y cierra el cajón. Se renderiza en su propia fila de ancho completo bajo las tarjetas de desglose. Cada fila es una página; el mini-gráfico del centro tiene cinco barras en un único color de acento, alineadas a una línea base, con alturas proporcionales a la tasa de alcance. Como la profundidad de desplazamiento es monotónica (alcance 50% siempre ≤ alcance 25%), las barras forman naturalmente una escalera descendente — esa forma es el embudo.
Página larga sana:
/blog/articulo-largo 80% • 45% • 18% • 6% • 0%
~80% pasaron del hero, 45% leyeron la mitad, solo 18% llegaron al 75%.
Página corta con alta interacción:
/checkout-gracias 95% • 90% • 80% • 70% • 50%
La mayoría vio todo — típico de páginas transaccionales cortas.
Rebote sobre la línea de flotación:
/landing-2 30% • 5% • 1% • 0% • 0%
Dos tercios se van antes de un cuarto — revisa copy del hero, tiempo de carga, layout-shift.
El patrón de diagnóstico más común es una caída abrupta entre dos hitos adyacentes (una barra repentinamente corta tras varias largas). Una caída de 19% (75%) a 6% (90%) en una página de ventas significa que algo al final — habitualmente justo antes del CTA — pierde lectores.
Los % exactos por hito se muestran directamente bajo cada barra — sin necesidad de hover. Las páginas con menos de 10 visitantes en el período (o sin engagement de scroll relevante) se marcan «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 — por ejemplo 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í zenovay.com/en/ y docs.zenovay.com/en/ son fáciles de distinguir.
El widget muestra por defecto las 5 páginas principales; un botón «Show all N pages» revela el resto en un área de scroll de altura fija, manteniendo la altura de la tarjeta alineada con sus vecinas.
Sobre el hito 100%
El tracker mide hasta qué punto un visitante ha viajado en el área desplazable: scrollTop / (documentHeight − viewportHeight) × 100, limitado a 100. Cuando una página es más corta que el viewport (nada a desplazar) o el visitante llega al final, el tracker reporta 100 directamente, con una pequeña tolerancia para que el padding del pie no lo mantenga justo por debajo. El hito 100% se dispara cuando el visitante cruza esa marca. Así, cuando ves «1,8% alcanzó 100%» en una página, esa es la proporción de visitantes que realmente llegó al pie.
Cómo leer la heatmap de scroll
En la vista Heatmaps, haz clic en el botón Scroll del control segmentado arriba. La heatmap se re-renderiza como degradado vertical sobre la captura. Bandas rojas = mucha gente alcanzó; azules = poca.
Como el inicio de la página lo alcanza todo el mundo, la parte superior siempre es la más caliente. Usa la heatmap para detectar:
- Transiciones bruscas — una zona fría repentina suele corresponder a un elemento de diseño concreto (fin del hero, layout-shift, bloque publicitario pesado, ubicación del CTA)
- Colas cálidas largas — la mayoría lee profundo, enhorabuena por el contenido
- Medios fríos con base caliente — patrón "salto al CTA", típico con anchors sticky
Información
La heatmap de scroll necesita la captura de página. Las capturas se toman automáticamente en la primera pageview con heatmap habilitada; deja pasar unos minutos tras activar.
Cómo leer la profundidad máxima en el detalle de sesión
Cuando haces clic en un visitante en el globo en vivo o lo abres desde la lista, el panel lateral muestra Profundidad máxima: X% junto a Páginas vistas y Duración de sesión.
Es el punto más profundo que ese visitante alcanzó en todas las páginas de su sesión. Útil para investigar una sesión concreta:
- 12% máx en página larga → rebote probable
- 100% máx en página larga → muy interactivo, independientemente del tiempo
- 40-60% en página corta → típico, sin acción
Requisitos de plan
El seguimiento de profundidad es parte de la función heatmaps y requiere plan Pro o superior. Los sitios del plan gratuito no registran scroll — el gráfico muestra un estado vacío.
Privacidad
El estado de profundidad vive enteramente en memoria del tracker durante la carga de la página. Sin cookies, sin localStorage. Los banners de consentimiento no afectan esta función.
Zenovay honra el encabezado Sec-GPC: 1 Global Privacy Control: cuando el navegador del visitante lo envía, el enriquecimiento comportamental (como la identificación de empresa e inferencia demográfica) se desactiva y la fila del visitante se marca como «opted out». La medición de profundidad en sí es la misma señal sin cookies, window-scoped que Zenovay mantiene para todo el tráfico.
Si el gráfico está vacío
Causas comunes:
- El sitio está en el plan gratuito — actualiza a Pro para habilitar las heatmaps.
- Heatmaps recién activadas — espera unos minutos a que entre tráfico.
- Sin tráfico en el rango — amplía a los últimos 30 días.
- Página muy corta — los visitantes alcanzan 100% en un viewport; el gráfico lo muestra correctamente (a menudo 100/100/100/100/100% para una página de un solo viewport).