| Tipo | O que mede | Melhor uso |
|---|---|---|
| Cliques | Onde o usuário toca ou clica. | Validar CTAs e links falsos. |
| Rolagem | Até onde a página é vista. | Decidir altura da dobra. |
| Movimento | Trajeto do cursor. | Ler hesitacao em formulários. |
| Atenção | Tempo parado por area. | Priorizar blocos de conteudo. |
Legenda: cada camada do mapa de calor responde a uma pergunta diferente de layout, por isso ler so cliques deixa decisoes na mesa.
--- ## Por que o mapa de calor complementa o Google Analytics O Google Analytics 4 conta quantos chegaram e quantos converteram, mas o mapa de calor explica o que aconteceu no meio. Em boa parte dos chamados ao suporte da FULL sobre baixa conversão, o GA4 mostra o número frio enquanto o calor mostra o motivo: um botão invisível ou um formulário longo demais. A diferença é de natureza. O Analytics é quantitativo e agregado; o mapa de calor é qualitativo e visual. Segundo o Baymard Institute, a taxa média de abandono de carrinho fica em torno de 70%, e nenhum relatório de numeros isolado revela em qual campo o usuário travou. O mapa de calor revela. Por isso vale cruzar os dois: o acompanhamento de conversões no WordPress aponta o vazamento numérico, e o calor mostra a causa visual exata. Na prática, o GA4 diz que 70% saíram da página de checkout; o mapa de calor mostra que pararam de rolar antes de chegar ao botão de pagamento, o que transforma um número abstrato numa correção concreta de layout. --- ## Passo a passo: Instalar um mapa de calor no WordPress Instalar um mapa de calor leva cerca de 15 minutos e não exige editar o tema. As três ferramentas gratuitas mais usadas em sites WordPress são Microsoft Clarity, Hotjar e Crazy Egg, e o processo de instalação é parecido entre elas. O caminho mais limpo usa o Google Tag Manager como intermediário, o que evita colar código direto no functions.php e protege o site contra erros de fatal error na atualização do tema. Abaixo, o fluxo validado com o Microsoft Clarity, a opção gratuita ilimitada. ### Passo 1: Crie a conta na ferramenta de mapa de calor Acesse o Microsoft Clarity, entre com uma conta Microsoft ou Google e clique em novo projeto. Informe a URL do site WordPress e o tipo de plataforma. A ferramenta gera um código de rastreamento único, o tracking code, que você vai usar no próximo passo. O Clarity não limita sessões nem páginas, diferente do plano gratuito do Hotjar, que para em 35 sessões diárias. ### Passo 2: Instale o código via plugin ou tag manager Para sites sem o Google Tag Manager, instale o plugin oficial do Clarity pelo painel do WordPress, em Plugins, Adicionar novo. Cole o ID do projeto e salve. Quem ja usa o Tag Manager cria uma tag de HTML personalizado, cola o script e dispara em todas as páginas. Esse caminho mantém o script fora do tema e facilita remover depois. ### Passo 3: Valide a coleta no painel ao vivo Abra o site numa aba anônima e navegue por duas ou três páginas. Em até cinco minutos, o painel da ferramenta mostra a sessao ativa. Se nada aparecer, confira se algum plugin de cache ou de consentimento de cookies está bloqueando o script antes do aceite. Sem essa validação, você coleta dados parciais por dias sem perceber. ### Passo 4: Defina as páginas prioritárias para analisar Selecione as páginas que realmente decidem receita: home, página de vendas e landing page de alta conversao. Concentre a leitura ali. Espalhar o mapa de calor por dezenas de páginas dilui a amostra e atrasa a decisão. Mire poucas páginas com volume real de tráfego. ### Passo 5: Espere 14 dias antes de ler o relatório Deixe a coleta rodar por pelo menos duas semanas ou até acumular 300 sessões por página. Abaixo desse volume, o mapa de calor agrega cliques de mais e desenha zonas quentes que somem quando a amostra dobra. Com dado maduro, exporte o relatório de cliques e de rolagem para comparar antes e depois de cada mudanca. --- ## Como ler um mapa de calor sem tirar conclusão errada Ler um mapa de calor exige separar sinal de ruído, e o erro mais comum custa decisões inteiras. Em boa parte dos casos que revisamos no suporte da FULL, o time olhava o agregado de desktop e mobile no mesmo relatório e concluía, errado, que um bloco era ignorado. Mapa de calor agregando sessões de desktop e mobile no mesmo relatório, com layout responsivo que troca a ordem dos blocos, produz leitura de cliques distorcida que aponta zonas mortas inexistentes. A regra é simples: leia desktop e mobile separados. Outro cuidado é o clique fantasma, quando o usuário toca numa imagem achando que é link. Esse sinal não é ruído: indica expectativa frustrada e oportunidade de transformar o elemento em link real. Ferramentas como Mouseflow e Crazy Egg destacam esses cliques mortos, e a análise de mapa de calor com Mouseflow mostra o fluxo completo de leitura. --- ## O custo de performance e o consentimento LGPD Todo script de mapa de calor adiciona peso à página, e ignorar isso tende a derrubar os Core Web Vitals. Carregado de forma síncrona no head, em tema sem defer e numa conexão móvel 4G, ele atrasa o Largest Contentful Paint acima de 2,5 s, o limite que o Google usa como bom no web.dev. A correção costuma resolver na maioria dos cenários testados: carregue o script de forma assíncrona e dispare após o consentimento de cookies. Aqui entra a Lei Geral de Proteção de Dados. Gravacao de sessao e mapa de calor capturam comportamento do visitante, entao o script so deve disparar depois do aceite no banner de cookies. Ferramentas como o Clarity ja oferecem mascaramento automático de campos sensiveis, o que reduz risco de capturar dado pessoal em formulários. A gente ve no suporte que a maioria dos sites instala o script e esquece de gatilhar pelo consentimento, o que vira exposicao desnecessaria. --- ## Compare ferramentas de mapa de calor para WordPress Escolher a ferramenta de mapa de calor certa depende de volume de tráfego e do que você precisa medir além do calor. O Microsoft Clarity é gratuito e ilimitado, ideal para começar sem custo, enquanto o Hotjar agrega pesquisas e funis no mesmo painel, mas limita sessões no plano gratuito. O Crazy Egg foca em testes A/B visuais, e o Mouseflow se destaca em gravação de sessão e análise de funil de formulário. Microsoft Clarity compete por preco zero e volume; Hotjar compete por funis e pesquisas integradas; Crazy Egg compete por testes A/B visuais no mesmo painel. Para escolher entre os candidatos, a lista dos 10 melhores plugins de mapa de calor detalha cada opção com preço e limite atual. Na maioria dos sites que passam pelo suporte da FULL, o Clarity resolve 80% da necessidade sem custo, e só vale migrar para o Hotjar pago quando o time precisa amarrar pesquisa de satisfação ao mesmo relatório de comportamento. --- ## Acelere a otimização com o bundle da FULL Montar uma rotina de mapa de calor exige tempo, e gerir plugins, performance e segurança em paralelo consome mais ainda. O plano PRO da FULL custa R$849,90 e da acesso aos 17 plugins premium do bundle, incluindo Elementor PRO, WP Rocket e Rank Math PRO, com ativacao em um clique. Para quem gerencia varios sites, o calculo fecha em torno de R$85 por site, o que sai bem abaixo de comprar cada licença avulsa. A gente ve no suporte que quem centraliza performance e otimização na mesma base decide mais rápido com o mapa de calor, porque o ambiente ja está sob controle. Conheca os planos em FULL.services/planos. --- ## Decisão rápida: Qual mapa de calor usar em 4 cenários A escolha da ferramenta de mapa de calor muda conforme orçamento, volume de tráfego e o tipo de pergunta que você precisa responder. Use a árvore abaixo como atalho de decisão: cada linha cruza uma condição técnica concreta com a recomendação mais segura que validamos em campo entre e , sem depender de teste e erro caro. O critério principal é volume: abaixo de 300 sessões mensais por página, nenhuma das quatro entrega leitura confiável, e a recomendação muda de ferramenta para gravação de sessão individual.Um mapa de calor é a visualizacao em cores de como os visitantes clicam, rolam e param numa página WordPress. Serve para decidir layout com dado real: as zonas vermelhas mostram alta interacao e as azuis, áreas ignoradas. Ferramentas como Microsoft Clarity e Hotjar geram esses relatórios sem editar o tema, transformando comportamento em ajuste concreto de CTA e dobra.
Sim, e possível instalar um mapa de calor sem plugin usando o Google Tag Manager. Você cria uma tag de HTML personalizado, cola o script da ferramenta e dispara em todas as páginas. Esse caminho mantém o código fora do functions.php, evita fatal error na atualização do tema e facilita remover o rastreamento depois, sem deixar residuo no banco de dados.
Porque o usuário toca em imagens ou textos esperando que sejam clicaveis, o chamado clique fantasma. Esse sinal não e erro do mapa de calor: indica expectativa frustrada. A acao correta e transformar o elemento mais clicado em link ou botão real. Em páginas de venda, esse ajuste costuma recuperar cliques que antes morriam sem destino.
Você precisa de pelo menos 300 sessões por página antes de ler o relatório com segurança. Abaixo disso, o mapa de calor agrega cliques de mais e desenha zonas quentes que somem quando a amostra dobra. Por isso, deixe a coleta rodar por cerca de 14 dias e, em páginas de baixo volume, prefira ler gravacoes de sessao individuais ao agregado.
O Microsoft Clarity é a melhor opção gratuita, porque não limita sessões nem páginas e ja inclui mascaramento de dados para a LGPD. O Hotjar tem plano gratuito, mas para em 35 sessões diárias. Para volume real e custo zero, o Clarity vence; se você precisa de pesquisas e funis no mesmo painel, o Hotjar pago se justifica.