Mapa de Calor para Site Grátis: Melhores Ferramentas em 2026
Você não precisa gastar nada para começar a usar mapas de calor no seu site. O Microsoft Clarity oferece heatmaps ilimitados gratuitamente, e existem outras opções com planos free que valem a pena conhecer. Neste artigo, comparamos as melhores ferramentas gratuitas e mostramos como instalar cada uma.
Por que usar mapas de calor no seu site?
Antes de entrar nas ferramentas, um contexto rápido. Mapas de calor mostram visualmente onde os visitantes do seu site clicam, até onde rolam e quais áreas recebem mais atenção. São a forma mais intuitiva de entender o comportamento dos usuários sem precisar interpretar planilhas de dados.
Com um mapa de calor, você descobre em segundos:
- Se os visitantes estão vendo seu CTA (call to action)
- Quais elementos recebem cliques por engano (dead clicks)
- Onde os visitantes param de rolar a página
- Se o layout do seu site está guiando os olhos na direção certa
A boa notícia: existem ferramentas excelentes que oferecem tudo isso sem custo.
1. Microsoft Clarity — A melhor opção gratuita
O Microsoft Clarity é, sem dúvida, a ferramenta gratuita mais completa para mapas de calor e análise comportamental disponível hoje. Lançado em 2020, cresceu rapidamente e atualmente é usado em mais de 1 milhão de sites.
O que o Clarity oferece gratuitamente
- Mapas de calor de cliques — Visualize onde cada clique acontece em cada página
- Mapas de calor de rolagem — Veja até onde os visitantes rolam
- Mapas de calor de área — Cliques agregados por seção da página
- Gravações de sessão — Assista como cada visitante usou seu site
- Detecção de rage clicks — Identifique automaticamente cliques de frustração
- Detecção de dead clicks — Encontre elementos que parecem clicáveis mas não são
- Quick backs — Detecte quando usuários voltam imediatamente de uma página
- Excessive scrolling — Identifique páginas onde os usuários rolam demais sem encontrar o que procuram
- Integração com Google Analytics — Combine dados comportamentais com analytics tradicionais
- Copilot (IA) — Resumos automáticos gerados por IA dos padrões comportamentais
O que "grátis" realmente significa no Clarity
Diferente de outras ferramentas que oferecem planos "gratuitos" extremamente limitados, o Clarity é genuinamente grátis:
- Sem limite de tráfego — Funciona para sites com 100 ou 10 milhões de visitas/mês
- Sem limite de sessões gravadas — Todas as sessões são gravadas automaticamente
- Sem limite de projetos — Adicione quantos sites quiser
- Sem limite de tempo — Dados retidos por 30 dias (gravações) com heatmaps disponíveis continuamente
- Sem cartão de crédito — Crie uma conta Microsoft gratuita e pronto
O modelo de negócios da Microsoft com o Clarity não é monetizar a ferramenta diretamente, mas sim fortalecer seu ecossistema de ferramentas web (Bing Webmaster Tools, Azure, etc.).
Como instalar o Microsoft Clarity
Passo 1: Acesse clarity.microsoft.com e crie uma conta (ou use sua conta Microsoft existente).
Passo 2: Crie um novo projeto e insira a URL do seu site.
Passo 3: Copie o código de tracking. Ele se parece com isto:
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window,document,"clarity","script","SEU_ID");
</script>Passo 4: Cole o código no <head> de todas as páginas do seu site. Se usa WordPress, instale o plugin "Microsoft Clarity" e cole apenas o ID do projeto.
Passo 5: Aguarde algumas horas. Os dados começam a aparecer assim que os primeiros visitantes acessam seu site com o tracking ativo.
Limitações do Clarity
Para ser justo, o Clarity tem algumas limitações em relação a ferramentas pagas:
- Sem mapa de calor de movimento do mouse (move heatmap)
- Sem pesquisas ou formulários de feedback in-page
- Sem funis de conversão nativos (mas integra com GA4)
- Dados retidos por 30 dias apenas
- Sem A/B testing integrado
2. Hotjar — Plano gratuito com limitações
O Hotjar é provavelmente a ferramenta de heatmap mais conhecida do mercado. Seu plano gratuito (Basic) existe, mas é significativamente limitado comparado ao Clarity.
O que o plano gratuito do Hotjar oferece
- Até 35 sessões diárias gravadas
- Mapas de calor ilimitados (mas baseados nas sessões capturadas)
- Feedback widget básico
O que o plano gratuito do Hotjar NÃO oferece
- Filtros avançados em sessões
- Identificação de usuários
- Integração com ferramentas de terceiros
- Eventos personalizados
- Suporte além de autoatendimento
Com apenas 35 sessões por dia, o Hotjar gratuito funciona para sites muito pequenos (menos de 100 visitantes/dia). Para qualquer site com tráfego moderado, os dados serão uma amostra muito pequena para ser confiável.
3. PostHog — Open source com heatmaps
PostHog é uma plataforma de analytics open-source que inclui heatmaps, gravações de sessão, feature flags e A/B testing.
Plano gratuito
- 5.000 gravações de sessão/mês
- 1 milhão de eventos/mês
- Heatmaps incluídos com toolbar
- Self-hosted (gratuito e ilimitado) ou Cloud
Considerações
PostHog é mais complexo de configurar que Clarity ou Hotjar. A toolbar de heatmap funciona em tempo real e precisa que você esteja logado na plataforma enquanto navega pelo site. Os heatmaps não são tão polidos visualmente quanto os do Clarity. A grande vantagem é a opção self-hosted, onde você tem controle total dos dados.
4. Mouseflow — Trial gratuito
O Mouseflow oferece um plano gratuito permanente, mas muito limitado:
- 500 gravações/mês
- 1 site
- Heatmaps básicos
Funciona como um "teste" para conhecer a ferramenta. Para uso sério, os planos pagos começam em $31/mês.
5. Smartlook — Plano gratuito básico
Smartlook (agora parte do Smartlook by Cisco) oferece:
- 3.000 sessões/mês no plano gratuito
- Heatmaps básicos
- Gravações de sessão
- Funis de conversão básicos
Comparativo: Ferramentas gratuitas de mapa de calor
| Recurso | Clarity | Hotjar Free | PostHog Free | Mouseflow Free |
|---|---|---|---|---|
| Sessões/mês | Ilimitado | ~1.050 | 5.000 | 500 |
| Click heatmap | Sim | Sim | Sim | Sim |
| Scroll heatmap | Sim | Sim | Limitado | Sim |
| Move heatmap | Não | Sim | Não | Sim |
| Gravações | Ilimitado | ~1.050/mês | 5.000/mês | 500/mês |
| Rage clicks | Sim | Não | Não | Sim |
| Dead clicks | Sim | Não | Não | Não |
| IA integrada | Sim (Copilot) | Sim (AI surveys) | Não | Não |
| Impacto performance | Mínimo | Baixo | Baixo | Moderado |
Quando vale a pena pagar por uma ferramenta?
O Clarity cobre as necessidades de 90% dos sites. Considere uma ferramenta paga se:
- Precisa de pesquisas in-page — Perguntar diretamente ao visitante "O que você está procurando?" ou "Por que está saindo?"
- Precisa de move heatmaps — Para análise detalhada de atenção visual em desktop
- Precisa de funis nativos — O Clarity não tem funis de conversão built-in
- Compliance rigoroso — Se precisa hospedar os dados em servidores específicos (PostHog self-hosted resolve isso gratuitamente)
- Precisa de análise automatizada — Ferramentas como ClarityInsights automatizam a análise dos dados do Clarity, gerando relatórios com insights de IA sem que você precise acessar o dashboard diariamente
Dicas para aproveitar ao máximo ferramentas gratuitas
- Instale o Clarity como base — É gratuito, ilimitado e roda em paralelo com qualquer outra ferramenta
- Foque nas páginas de maior impacto — Home, páginas de produto, checkout, landing pages de campanhas
- Configure filtros por dispositivo — O comportamento mobile é completamente diferente do desktop
- Use rage clicks como alerta — Se uma página tem muitos rage clicks, tem problemas de usabilidade
- Complemente com Google Analytics — Clarity + GA4 juntos dão uma visão completa de comportamento + conversão
- Analise semanalmente — Reserve 30 minutos por semana para revisar os mapas de calor das páginas principais
Conclusão
O Microsoft Clarity é a escolha óbvia para quem quer começar com mapas de calor sem gastar nada. Oferece mais funcionalidades gratuitas que qualquer concorrente. Instale-o hoje, espere uma semana para acumular dados, e analise suas páginas mais importantes. Você provavelmente vai descobrir insights que nunca encontraria olhando apenas números no Google Analytics.
Quer relatórios automáticos do Clarity?
ClarityInsights analisa seus dados e envia um relatório AI com recomendações UX.
Obtenha seu relatório grátis