Pular para o conteúdo principal
Zenovay
Pro Plano5 minutosIniciante

Profundidade de rolagem: lendo o gráfico, a heatmap e o máximo da sessão

Entenda as três superfícies de profundidade de rolagem no Zenovay — o funil na aba Páginas, a sobreposição de heatmap e a profundidade máxima no detalhe da sessão.

profundidade-rolagemmarcosheatmapsengajamentopaginas
Última atualização:

O Zenovay registra até onde cada visitante rola em cada pageview. O dashboard transforma esse sinal em três superfícies acionáveis.

As três superfícies

  1. Aba Páginas → Card de profundidade — linha em largura total abaixo dos cards Fontes / Páginas / Localização / Sistema. É um card opcional, então você o adiciona primeiro a partir do menu Personalizar (veja abaixo).
  2. Visualização Heatmaps → Modo Scroll — sobreposição em gradiente sobre o screenshot
  3. Detalhe de sessão → Profundidade máxima — uma linha no cartão do visitante

O que significam os marcos

Cada marco dispara na primeira vez que um visitante cruza aquele limiar em uma página. Depois, silêncio — subir e descer não redispara. Em SPAs, mudanças de rota (pushState / replaceState) resetam o estado, então a nova rota pode disparar os 5 marcos novamente.

MarcoSignificado claro
25%"Leu além do hero / seção inicial"
50%"Na metade da página"
75%"Se aproxima do final do conteúdo / CTA"
90%"No final do conteúdo legível"
100%"Chegou ao rodapé"

Como ler o funil

Abra um domínio e fique na aba Páginas. O card Profundidade de rolagem está desativado por padrão, então clique em Personalizar (o ícone de controles deslizantes no topo do dashboard), ative o card Profundidade de rolagem e feche a gaveta. Ele é renderizado em sua própria linha em largura total abaixo dos cards de detalhamento. Cada linha é uma página; o mini-gráfico no centro tem cinco barras em uma única cor de destaque, alinhadas em uma linha de base, com alturas proporcionais à taxa de alcance. Como a profundidade de rolagem é monotônica (alcance de 50% sempre ≤ alcance de 25%), as barras formam naturalmente uma escada descendente — essa forma é o funil.

Página longa saudável:

/blog/artigo-longo    80% • 45% • 18% •  6% •  0%

~80% passaram do hero, 45% leram metade, só 18% chegaram a 75%.

Página curta com alto engajamento:

/checkout-obrigado    95% • 90% • 80% • 70% • 50%

A maioria viu tudo — típico de páginas transacionais curtas.

Bounce acima da dobra:

/landing-2           30% •  5% •  1% •  0% •  0%

Dois terços saem antes de um quarto — investigue copy do hero, tempo de carga, layout-shift.

O padrão de diagnóstico mais comum é uma queda brusca entre dois marcos adjacentes (uma barra subitamente curta após várias longas). Queda de 19% (75%) para 6% (90%) em página de vendas significa que algo no final — geralmente logo antes do CTA — está perdendo leitores.

Os % exatos por marco são exibidos diretamente sob cada barra — sem precisar passar o mouse. Páginas com menos de 10 visitantes no período (ou sem engajamento de rolagem relevante) são marcadas como «low signal» e atenuadas para não dominar a visão.

Desambiguação de subdomínios

Se seu código de rastreamento é usado em vários subdomínios — por exemplo zenovay.com e docs.zenovay.com apontando para o mesmo tracker — cada combinação subdomínio × caminho ganha sua própria linha. O hostname aparece como prefixo atenuado antes do caminho em negrito, então zenovay.com/en/ e docs.zenovay.com/en/ são fáceis de distinguir.

O widget mostra por padrão as 5 páginas principais; um botão «Show all N pages» revela o restante em uma área de rolagem de altura fixa, mantendo a altura do card alinhada com seus vizinhos.

Sobre o marco 100%

O tracker mede até que ponto um visitante percorreu a área rolável: scrollTop / (documentHeight − viewportHeight) × 100, limitado a 100. Quando uma página é mais curta que a viewport (nada a rolar) ou o visitante chega ao final, o tracker relata 100 diretamente, com uma pequena tolerância para que o preenchimento do rodapé não o mantenha logo abaixo. O marco 100% dispara quando o visitante cruza essa marca. Então quando você vê «1,8% atingiu 100%» em uma página, essa é a parcela de visitantes que realmente chegou ao rodapé.

Como ler a heatmap de scroll

Na visualização Heatmaps, clique no botão Scroll no controle segmentado no topo. A heatmap renderiza novamente como gradiente vertical sobre o screenshot. Faixas vermelhas = muitos alcançaram, azuis = poucos.

Como o topo é alcançado por todos, o topo do screenshot é sempre o mais quente. Use a heatmap para identificar:

  • Transições bruscas — uma zona fria repentina geralmente corresponde a um elemento de design específico (fim do hero, layout-shift, bloco de anúncio pesado, posição do CTA)
  • Caudas quentes longas — a maioria lê profundo, parabéns pelo conteúdo
  • Meios frios com base quente — padrão "pulo para o CTA", típico com âncoras sticky

Informação

A heatmap de scroll precisa do screenshot da página. Os screenshots são capturados automaticamente no primeiro pageview com heatmap ativa; aguarde alguns minutos após ativar.

Como ler a profundidade máxima no detalhe da sessão

Quando você clica em um visitante no globo ao vivo ou abre pela lista, o painel lateral mostra Profundidade máxima: X% ao lado de Páginas vistas e Duração da sessão.

É o ponto mais profundo que aquele visitante alcançou em todas as páginas da sessão. Útil para triagem de sessão única:

  • 12% máx em página longa → bounce provável
  • 100% máx em página longa → altamente engajado independentemente do tempo
  • 40-60% em página curta → típico, sem ação

Requisitos de plano

O rastreamento de profundidade faz parte do recurso heatmaps e exige plano Pro ou superior. Sites do plano gratuito não registram scroll — o gráfico mostra estado vazio.

Privacidade

O estado de profundidade vive inteiramente na memória do tracker durante o carregamento da página. Sem cookies, sem localStorage. Banners de consentimento não governam esta funcionalidade.

O Zenovay honra o cabeçalho Sec-GPC: 1 Global Privacy Control: quando o navegador do visitante o envia, o enriquecimento comportamental (como identificação de empresa e inferência demográfica) é desativado e a linha do visitante é marcada como «opted out». A medição de profundidade em si é o mesmo sinal sem cookies, window-scoped que o Zenovay mantém para todo o tráfego.

Se o gráfico estiver vazio

Causas comuns:

  1. O site está no plano gratuito — atualize para Pro para ativar as heatmaps.
  2. Heatmaps recém-ativadas — aguarde alguns minutos pelo tráfego.
  3. Sem tráfego no período — expanda para os últimos 30 dias.
  4. Página muito curta — visitantes atingem 100% em um viewport; o gráfico mostra corretamente (frequentemente 100/100/100/100/100% para uma página de um único viewport).

Artigos relacionados

Este artigo foi útil?