5 min de leitura

Mapas de Calor

Recurso Pro

Visualize onde os usuários clicam, até onde rolam e quais áreas de suas páginas recebem mais atenção. Mapas de calor agregam milhares de interações em sobreposições visuais fáceis de entender.

Mapas de calor estão disponíveis nos planos Pro, Scale e Enterprise. Atualize seu plano para ativar este recurso.

Visão Geral

Mapas de calor agregam interações individuais dos usuários em sobreposições visuais. Em vez de assistir sessões individuais, veja padrões em todos os visitantes para identificar problemas de UX e oportunidades de otimização.

Tipos de Mapas de Calor

Tipo	O Que Mostra	Melhor Para
Mapa de Cliques	Onde os usuários clicam	Posicionamento de botões, otimização de CTA
Mapa de Rolagem	Até onde os usuários rolam	Posicionamento de conteúdo, otimização de dobra
Mapa de Movimento	Padrões de movimento do mouse	Atenção do usuário, padrões de leitura

Ativando Mapas de Calor

Abra Domínios, clique no seu site e vá para as configurações do domínio, selecione a aba Avançado
Em Sinalizadores de Recurso, ative Mapas de Calor
Salve as alterações

A coleta de dados de mapas de calor começa imediatamente para novos visitantes.

Mapas de calor precisam de dados suficientes para serem significativos. Recomendamos pelo menos 100 sessões por página antes de tirar conclusões.

Mapas de Cliques

Entendendo Padrões de Cliques

Mapas de cliques mostram onde os usuários clicam ou tocam:

Pontos quentes (vermelho): Alta concentração de cliques
Pontos mornos (amarelo/laranja): Atividade de clique moderada
Pontos frios (azul/verde): Baixa atividade de cliques

Insights Comuns

Cliques mortos: Usuários clicando em elementos não-interativos (indica confusão)
Cliques de raiva: Múltiplos cliques rápidos (indica frustração)
CTAs perdidas: Botões importantes recebendo poucos cliques
Pontos quentes inesperados: Usuários clicando em elementos decorativos

Filtrando Cliques

Filtre por:

Tipo de dispositivo (desktop, celular, tablet)
Intervalo de datas
Fonte de tráfego
País

Mapas de Rolagem

Entendendo Profundidade de Rolagem

Mapas de rolagem mostram até onde os usuários rolam a página:

100% (topo): Todos os visitantes veem esta área
80-100%: Zona de alta visibilidade
50-80%: Acima da dobra para a maioria
< 50%: Abaixo da dobra, atenção em declínio

Métricas-Chave

Métrica	Descrição
Profundidade média de rolagem	Até onde o visitante médio rola
Linha de dobra	Onde a "acima da dobra" termina para a maioria dos usuários
Pontos de abandono	Onde os usuários param de rolar

Dicas de Otimização

Coloque CTAs acima da dobra: Garanta que as ações principais sejam visíveis imediatamente
Adicione sinais visuais: Setas ou gradientes indicando mais conteúdo abaixo
Divida conteúdo longo: Use cabeçalhos, imagens e espaço em branco
Teste comprimento da página: Às vezes, páginas mais curtas convertem melhor

Visualizando Mapas de Calor

Painel de Mapas de Calor

Abra Domínios, clique no seu site e selecione a aba Mapas de Calor:

Selecione uma página da lista
Escolha o tipo de mapa de calor (Clique, Rolagem, Movimento)
Defina o intervalo de datas e filtros
Visualize a sobreposição em uma captura de tela de sua página

Capturando Capturas de Tela

Zenovay captura automaticamente capturas de tela de páginas para visualização de mapas de calor. As capturas de tela são atualizadas:

Quando o conteúdo da página muda significativamente
Semanalmente para páginas ativas
Sob demanda via painel

As capturas de tela podem não refletir conteúdo dinâmico ou páginas personalizadas. Use o botão "Atualizar Captura de Tela" para capturar o estado atual.

Comparando Dispositivos

Usuários de desktop e celular se comportam diferentemente. Sempre compare mapas de calor entre dispositivos:

Desktop vs Celular

Comportamento	Desktop	Celular
Profundidade de rolagem	Tipicamente mais profunda	Sessões mais curtas
Alvo de clique	Cliques precisos	Alvos maiores necessários
Janela de visualização	Ampla, horizontal	Estreita, vertical
Navegação	Estados de hover visíveis	Interação apenas por toque

Considerações de Privacidade

Mapas de calor agregam dados anônimos:

Nenhuma informação pessoal capturada
Usuários individuais não são identificáveis
Apenas padrões agregados mostrados
Respeita configurações DNT

Acesso via API

Acesse dados de mapas de calor programaticamente:

GET /api/websites/:websiteId/heatmaps/:pageUrl
Authorization: Bearer YOUR_API_KEY

A resposta inclui coordenadas de cliques, dados de profundidade de rolagem e contagens de sessão.

Melhores Práticas

Aguarde dados suficientes: Mínimo 100+ sessões para padrões confiáveis
Compare dispositivos: Celular e desktop frequentemente diferem significativamente
Verifique várias páginas: Não apenas a página inicial
Correlacione com análises: Use dados quantitativos para priorizar quais páginas analisar
Teste mudanças: Crie testes A/B baseados em insights de mapas de calor

Próximos Passos

Reprodução de Sessão - Assista sessões de usuários individuais
Rastreamento de Erros - Capture erros de JavaScript
Eventos Personalizados - Rastreie interações específicas