O que é Scrollmap?
Scrollmap, também chamado de Mapa de Rolagem ou Scroll Map, é uma visualização que mostra até que profundidade os visitantes rolam uma página. O mapa pinta a página em faixas de cor: o topo, visto por quase todos, aparece em tons quentes; as seções finais, alcançadas por poucos, aparecem em tons frios.
O scrollmap responde a uma pergunta que nenhuma métrica de tráfego responde sozinha: quantas pessoas de fato viram cada seção da página. Uma página pode ter milhares de visitas e, ainda assim, ter o formulário de contato visto por uma pequena fração delas, simplesmente porque ele está longe demais do topo.
Em CRO, o mapa de rolagem orienta decisões de estrutura: o que fica acima da dobra, onde entram as provas sociais e em que ponto a chamada para ação precisa se repetir. Ferramentas de análise de comportamento, como Hotjar e Microsoft Clarity, geram scrollmaps junto com os demais mapas de calor.
Como funciona na prática?
O script da ferramenta registra, em cada visita, a profundidade máxima de rolagem. O mapa agrega essas medições e mostra, ponto a ponto, a porcentagem de visitantes que chegou até ali. Muitas ferramentas marcam também a linha da dobra média, o limite do que aparece sem rolar.
A análise segue três passos. Primeiro, identifique as quedas bruscas de cor, pontos onde muitos visitantes abandonam a rolagem; quedas assim costumam coincidir com blocos visuais que parecem fim de página ou trechos longos e cansativos. Segundo, compare a posição dos elementos de conversão com a porcentagem de pessoas que chega até eles. Terceiro, cruze o scrollmap com o heatmap de cliques e com gravações de sessão para entender o motivo do abandono além do local exato onde ele acontece.
Scrollmap vs Heatmap: qual a diferença?
| Aspecto | Scrollmap | Heatmap de cliques |
|---|---|---|
| O que mede | Profundidade de rolagem | Local dos cliques e toques |
| Pergunta que responde | ”Quantos viram esta seção?" | "Onde os visitantes interagem?” |
| Decisão típica | Ordem e posição das seções | Design de botões, links e banners |
Veredito: o scrollmap mede alcance visual das seções, enquanto o heatmap de cliques mede interação; um define onde colocar o conteúdo e o outro avalia como ele performa.
Exemplos de uso
- Uma landing page de imóveis descobre que só 25% dos visitantes chegam ao formulário, posicionado no rodapé. A equipe leva uma versão curta do formulário para o topo e mantém a completa no final.
- Um e-commerce nota queda brusca de rolagem logo após um banner de largura total, que visualmente parece o fim da página. A equipe redesenha a seção para indicar que há conteúdo abaixo.
- Um blog percebe que a maioria dos leitores para na metade dos artigos e passa a inserir o convite de assinatura da newsletter nesse ponto, em vez de apenas no rodapé.
Erros comuns
- Concluir que uma seção é ruim só porque poucos chegam até ela, quando o problema pode estar nas seções anteriores.
- Analisar o mapa sem separar desktop e mobile, que têm dobras e ritmos de rolagem diferentes.
- Ignorar a linha da dobra e desperdiçar o espaço mais visto da página com elementos decorativos.
- Ler o scrollmap com pouco tráfego e tratar variação aleatória como padrão.
- Usar o mapa isoladamente, sem cruzar com cliques, gravações e dados de conversão.
Perguntas frequentes sobre Scrollmap
O que é uma boa taxa de rolagem?
Não existe número universal. A profundidade esperada depende do tipo de página: um artigo longo naturalmente perde leitores ao longo do texto, e uma landing page enxuta tende a reter mais. O uso correto do scrollmap é comparativo: acompanhe a mesma página antes e depois das mudanças.
Scrollmap serve para página de produto?
Sim. Em páginas de produto, o mapa de rolagem mostra se os visitantes chegam à descrição completa, às avaliações e às perguntas de outros clientes. Se poucos alcançam as avaliações, por exemplo, vale testar trazer uma amostra delas para perto do botão de compra.
Qual a diferença entre scrollmap e profundidade de rolagem no analytics?
A profundidade de rolagem no analytics é um número agregado, geralmente medido em marcos como 25%, 50%, 75% e 90% da página. O scrollmap transforma essa informação em imagem contínua sobre o layout real, permitindo ver exatamente qual seção, título ou bloco coincide com a queda de audiência.