Profundidade de rolagem
O Zenovay registra até onde cada visitante rola em cada pageview. Três superfícies no dashboard transformam esse sinal em algo que você pode usar:
- Aba Páginas — Funil de profundidade de rolagem mostrando, para cada página, um pequeno gráfico de 5 barras em "escada descendente" cujas alturas são o % de visitantes que atingiram 25 / 50 / 75 / 90 / 100% da página.
- Visualização Heatmaps — Modo Scroll renderizando uma sobreposição em gradiente no topo da captura de tela da sua página.
- Detalhe de sessão — Profundidade máxima de scroll exibida inline com tempo de sessão e páginas visualizadas.
O que é registrado
Em cada pageview, o tracker mede (scrollTop + viewportHeight) / documentHeight × 100 continuamente conforme o visitante rola. O valor mais profundo atingido durante a sessão é armazenado no registro do visitante (visitors.scroll_depth_percentage, inteiro de 0 a 100). A altura total da página é recalculada em cada evento de scroll, então conteúdo dinâmico (rolagem infinita, acordeões, imagens lazy-loaded) é tratado naturalmente.
Separadamente, o tracker emite eventos de marco com disparo único nos cinco limiares especificados do plano:
| Marco | Dispara quando | Armazenado como |
|---|---|---|
| 25% | Primeira vez que scroll_percent >= 25 | event_type='scroll_milestone', event_data.depth=25 |
| 50% | Primeira vez que scroll_percent >= 50 | event_type='scroll_milestone', event_data.depth=50 |
| 75% | Primeira vez que scroll_percent >= 75 | … depth=75 |
| 90% | Primeira vez que scroll_percent >= 90 | … depth=90 |
| 100% | Primeira vez que scroll_percent >= 100 | … depth=100 |
Uma vez que um marco dispara em uma sessão, ele não dispara novamente — rolar para cima e para frente novamente é uma não-operação. Em mudanças de rota SPA (pushState / replaceState / popstate), o conjunto de marcos alcançados é resetado para que a nova rota comece do zero.
O rastreamento de profundidade de rolagem faz parte da feature heatmaps, disponível no plano Pro e acima. Websites do plano gratuito não registram eventos de scroll.
Gráfico de funil da aba Páginas
Abra Domains, selecione seu site, então abra a aba Pages. Abaixo dos cards Pages / Location / System, o widget em largura total Scroll depth funnel mostra suas 10 principais páginas. Cada linha é uma página com um pequeno gráfico de 5 barras no centro. As barras são alinhadas pela linha de base e usam uma única cor de destaque — suas alturas codificam o alcance de cada marco:
- 25% — altura ∝ % de pageviews que atingiram pelo menos um quarto da página
- 50% — metade
- 75% — três quartos
- 90% — quase o fundo
- 100% — o fundo absoluto (veja Tolerância prática de 100% abaixo)
Como a profundidade de rolagem é monotônica (a proporção que atingiu 50% é sempre ≤ a proporção que atingiu 25%), as barras naturalmente descendem da esquerda para a direita. A forma em si — uma escada descendente — é o sinal visual: escadas longas significam que os visitantes estão lendo profundamente, escadas curtas significam abandono perto do topo.
Os percentuais são calculados contra visitors.scroll_depth_percentage para aquela página ao longo do período selecionado. Os % de cada marco são sempre visíveis sob as barras — nenhum hover necessário. Páginas com menos de 10 pageviews (ou com engajamento de scroll efetivamente zero) são marcadas como low signal e atenuadas para não dominar a visualização.
Desambiguação de subdomínios
Se seu código de rastreamento é usado em vários subdomínios (por exemplo, tanto zenovay.com quanto docs.zenovay.com apontam para o mesmo tracker), cada combinação de subdomínio × caminho recebe sua própria linha. O hostname aparece como um prefixo atenuado antes do caminho em negrito, então você pode distinguir zenovay.com/en/ de docs.zenovay.com/en/ de relance — útil quando o mesmo caminho fornece conteúdo diferente em subdomínios diferentes.
A visualização padrão mostra as 5 principais páginas; um botão Show all revela o resto dentro de uma área de rolagem de altura fixa, mantendo o card com a mesma altura que seus vizinhos.
Tolerância prática de 100%
O tracker calcula a porcentagem de scroll como (scrollTop + viewportHeight) / documentHeight × 100. No fundo visual, a renderização subpixel e o redimensionamento da barra de endereços móvel significam que a matemática frequentemente atinge 99,7-99,9% em vez de exatamente 100. O tracker, portanto, encaixa em 100 quando o fundo do viewport está a menos de 2 px do fundo do documento, e os dashboards do Zenovay contam scroll_depth_percentage ≥ 95 como "atingiu 100%". Dados históricos capturados antes da correção snap-to-100 se beneficiam da mesma tolerância retroativamente, então a coluna "100% alcançado" mostra engajamento real em vez de ser estruturalmente zero.
Como ler
| Padrão | Causa provável | Ação |
|---|---|---|
| 80% / 45% / 18% / 6% / 0% | Funil saudável; conteúdo de longa forma lido parcialmente | Otimize o conteúdo acima da marca de 50% — ele é visto pela maioria dos leitores |
| 95% / 90% / 80% / 70% / 50% | Página muito curta ou forte engajamento do leitor | Verifique se o CTA inferior realmente carrega no viewport |
| 30% / 5% / 1% / 0% / 0% | Visitantes indo embora na dobra | Investigue copy acima da dobra, tempo de carregamento ou layout shift |
Uma queda de 19% (75%) para 6% (90%) em uma página de vendas é o sinal diagnóstico mais comum — algo no fundo está perdendo leitores antes de eles chegarem ao CTA.
Sobreposição de heatmap de scroll
Em Domains, selecione seu site, então abra a aba Heatmaps. O controle segmentado no header permite que você alterne entre os modos Click e Scroll. O modo Scroll renderiza uma sobreposição em gradiente no topo da captura de tela da sua página. A cor em cada altura codifica a porcentagem de visitantes que atingiram aquele ponto.
Como o topo de cada página é alcançado por todos, o topo da captura de tela é sempre a cor mais quente. O gradiente desaparece conforme a porcentagem cai — uma transição abrupta é um "ponto de abandono" e geralmente mapeia para um elemento de design específico (o fim da seção hero, um layout shift, um bloco de anúncio pesado).
O heatmap de scroll requer que a captura de tela da página seja capturada. As capturas de tela são automaticamente capturadas no primeiro pageview com heatmap habilitado por página; aguarde alguns minutos após habilitar heatmaps para a primeira captura de tela aparecer.
Profundidade máxima de scroll no detalhe da sessão
Quando você abre uma sessão do globo ao vivo ou da lista de visitantes, o painel lateral mostra Max scroll depth: X% ao lado de Pages viewed e Session time. Este é o scroll mais profundo que o visitante atingiu em todas as páginas naquela sessão.
Um visitante mostrando 12% de max scroll em uma página de longa forma indica um provável bounce. Um visitante mostrando 100% de scroll em uma página longa está altamente engajado independentemente do tempo de sessão — ele leu tudo.
Privacidade e consentimento
O rastreamento de profundidade de scroll vive inteiramente dentro do estado em memória do tracker por carregamento de página. Nada é escrito em cookies ou localStorage, então o recurso não é afetado por banners de consentimento de cookies. Em websites executando com Sec-GPC (Global Privacy Control), o caminho de ingestão de eventos de marco é pulado no servidor — apenas o máximo de scroll no nível de visitante é retido, exatamente os mesmos dados que o Zenovay registra para tráfego não-GPC.
Relacionado
- Page Quality Metrics — taxa de rejeição, taxa de saída, tempo mediano na página
- Page Flows — diagrama Sankey de como os visitantes se movem entre páginas
- Heatmaps (recursos pro) — densidade de cliques e sobreposição de scroll