Os mapas de calor de cliques mostram exatamente onde os visitantes clicam nas suas páginas. Cada clique de cada visitante é agregado em uma única sobreposição de cor em uma captura de tela da página, para que você possa ver rapidamente quais elementos atraem atenção e quais áreas são ignoradas.
O que são mapas de calor de cliques?
Os mapas de calor de cliques agregam todos os cliques em uma página:
| Aspecto | Descrição |
|---|---|
| Dados | Cada clique de cada visitante |
| Exibição | Sobreposição de gradiente de cor em uma captura de tela da página |
| Pontos quentes | Alta concentração de cliques |
| Zonas frias | Poucos ou nenhum clique |
Escala de cores
A sobreposição usa um gradiente contínuo que vai de baixa a alta densidade de cliques. Uma legenda abaixo do mapa de calor marca os extremos Baixo e Alto da escala. As áreas mais claras e quentes são onde os cliques se concentram mais.
Acessando mapas de calor
Mapas de calor são um recurso pago, disponível em Pro e superior.
Abrir mapas de calor
Selecione Mapas de calor na barra lateral, ou abra o painel de um site e escolha a guia Mapas de calor.
Escolha uma página
O painel esquerdo lista páginas com dados de cliques coletados, cada uma mostrando seu total de interações e contagem de cliques. Use a caixa de pesquisa para filtrar, depois clique em uma página para carregá-la.
Ver o mapa de calor
A captura de tela da página é carregada com o mapa de calor de cliques pintado sobre ela.
Visualizando mapas de calor
Lista de páginas
O painel esquerdo é seu seletor de páginas:
| Método | Descrição |
|---|---|
| Lista de páginas | Escolha de páginas que coletaram dados |
| Pesquisa | Filtre a lista por caminho de URL |
| Contagens | Cada página mostra seu total de interações e contagem de cliques |
Você pode recolher o painel com o botão na sua borda para dar mais espaço ao mapa de calor.
Modos Clicar e Rolar
Acima do mapa de calor, um botão de alternância Clicar / Rolar alterna entre o mapa de calor de cliques e a visualização de profundidade de rolagem para a mesma página.
Intervalo de tempo
Um seletor de período permite que você escope o mapa de calor para uma janela recente: 7 dias, 30 dias, 90 dias ou 6 meses. Janelas mais longas estão disponíveis em planos superiores; opções bloqueadas mostram um ícone de cadeado e o plano necessário para desbloqueá-las.
Exibição de mapa de calor
Visualização de sobreposição
O mapa de calor sobrepõe uma captura de tela da sua página:
- Veja o conteúdo real sob a sobreposição
- Amplie e reduza com os controles na tela, ou belisque em dispositivos táteis
- Arraste para fazer pan uma vez que estiver ampliado
O cabeçalho acima do mapa de calor resume os dados, mostrando o número de pontos de clique e interações totais na janela selecionada.
Visualização de página completa
O botão Página completa abre um inspetor em tela cheia para a página:
- Amplie e faça pan em todo o mapa de calor
- Pressione Escape para sair
Linha do tempo de captura de tela
Quando uma página tem capturas de tela tiradas em mais de uma data, um navegador de data aparece abaixo do mapa de calor. Volte e avance pelas datas para ver como a página parecia ao longo do tempo.
Entendendo os dados
O cabeçalho mostra dois números para a página selecionada e intervalo de tempo:
| Métrica | Descrição |
|---|---|
| Pontos de clique | Posições distintas onde os cliques foram registrados |
| Interações totais | Todos os eventos de clique na janela |
Ler a sobreposição em si diz o resto: clusters densos e quentes são onde a atenção se concentra, e áreas fracas ou vazias são onde os visitantes não estão clicando.
Casos de uso
Otimização de CTA
Analise seus botões de chamada para ação:
- Estão sendo clicados?
- Onde os visitantes clicam em vez disso?
- Acima da dobra vs abaixo da dobra
Análise de navegação
Verifique o uso de navegação:
- Quais itens de menu são usados
- Engajamento do menu hamburger
- Navegação do rodapé
Otimização de formulário
Entenda a interação do formulário:
- Quais campos recebem cliques
- Onde os visitantes hesitam ou desistem
Engajamento de conteúdo
Veja a interação do conteúdo:
- Cliques em imagens
- Cliques em elementos que os visitantes esperam serem interativos
Quando um aglomerado de cliques cai em algo que não é realmente clicável, é um sinal forte de uma incompatibilidade entre o que os visitantes esperam e o que a página oferece.
Gerenciando dados do mapa de calor
Redefinir uma página
Se você tiver acesso de editor, o botão Redefinir exclui permanentemente os dados do mapa de calor coletados para a página atual. Isso não pode ser desfeito, portanto você é solicitado a confirmar primeiro. Espectadores sem acesso de editor veem o botão desabilitado.
Precisão do mapa de calor
Coleta de dados
Os mapas de calor são construídos a partir de eventos de clique reais capturados pelo script de rastreamento, mapeados para coordenadas em uma captura de tela da página.
Limitações
Esteja ciente de que os mapas de calor podem ser afetados por:
- Conteúdo dinâmico que muda entre visitas
- Pontos de interrupção responsivos que deslocam o layout
- Variações de teste A/B da mesma URL
Dados mínimos
Para um mapa de calor confiável, dê tempo a uma página para coletar um número significativo de interações. Páginas com pouco tráfego parecerão esparsas até que mais dados cheguem.
Melhores práticas
Revisão regular
Verifique mapas de calor regularmente:
- Após mudanças de design
- Após novas campanhas
- Antes de um redesign
Itens de ação
Use o que você encontrar para:
- Mover CTAs para os pontos quentes
- Adicionar links reais onde os visitantes já clicam
- Remover ou reformular elementos que confundem
Combinar com sessões
Mapas de calor dizem onde e quanto. Para entender por quê, assista a gravações de sessão individuais para a mesma página.