Hotjar ou Clarity: Onde o Visitante Trava Antes do Cadastro
Aprenda a usar Hotjar ou Clarity de graça para achar o ponto exato em que o visitante desiste do cadastro na sua landing page de divulgação.
Neste artigo
Voce manda trafego pago ou organico para a landing page, o contador de cliques no link de indicacao sobe, e mesmo assim o numero de cadastros continua baixo. A causa quase nunca aparece no Google Analytics sozinho, porque metricas de agregado mostram quantos saem, nao onde nem por que. Ferramentas de gravacao de sessao e mapa de calor, como Hotjar e Microsoft Clarity, existem exatamente para preencher essa lacuna, e as duas tem plano gratuito suficiente para a maioria dos divulgadores que ainda estao testando uma pagina.
Este guia mostra como instalar, o que observar primeiro e como transformar o que voce ve em mudancas concretas na landing page — sem inventar numero de conversao nem prometer resultado, ja que o efeito de cada ajuste depende do trafego, da oferta e da audiencia de cada divulgador.
O que sao heatmap e gravacao de sessao, na pratica
Um mapa de calor (heatmap) mostra, sobrepondo cores na sua propria pagina, onde as pessoas mais clicaram, ate onde rolaram a tela e onde o mouse ficou parado por mais tempo. Ja a gravacao de sessao e um video mudo do que um visitante especifico fez: rolou rapido, voltou, clicou duas vezes num botao que nao respondeu, fechou a aba no meio do formulario de cadastro.
A diferenca para o Google Analytics e de granularidade. O Analytics informa que 40 pessoas entraram na pagina e 6 chegaram ao cadastro; o Hotjar ou o Clarity mostram o comportamento individual que explica por que as outras 34 nao chegaram. Sao ferramentas complementares, nao substitutas.
Hotjar x Clarity: qual escolher
O Clarity, da Microsoft, e gratuito e sem limite de sessoes gravadas, o que ajuda quem tem trafego maior. O Hotjar tem plano gratuito com teto mensal de gravacoes e heatmaps, mas historicamente traz um editor de funil de conversao um pouco mais amigavel. Para quem esta comecando a analisar uma unica landing page, qualquer um dos dois resolve; o ganho real esta em usar a ferramenta de forma consistente, nao em qual marca escolher.
Como instalar o script sem quebrar a pagina
A instalacao segue o mesmo padrao nos dois casos: voce cria uma conta gratuita, cadastra o dominio da landing page e recebe um trecho de codigo JavaScript para colar antes do fechamento da tag de cabecalho do site. Se a landing foi feita em construtor visual (ex.: page builder, Elementor, Webflow), normalmente existe um campo especifico de "codigo de cabecalho" ou "scripts personalizados" — cole ali, sem precisar mexer no tema inteiro.
- Crie a conta gratuita no Hotjar ou no Clarity e vincule ao dominio exato da landing page
- Cole o script de rastreamento no cabecalho, de preferencia num campo dedicado a scripts, nunca dentro do texto visivel
- Ative a mascara automatica de campos sensiveis (senha, CPF, dados de pagamento) antes de publicar
- Confirme que o script esta ativo abrindo a pagina em aba anonima e checando o painel em tempo real
- Rode por pelo menos alguns dias de trafego antes de tirar conclusao — sessao isolada nao e padrao
Um ponto que muita gente pula: como a pagina pode coletar dados de navegacao do visitante, ative o recurso de mascaramento de campos sensiveis (disponivel nas duas ferramentas) para que nenhum numero de documento ou senha digitada apareca na gravacao, e mantenha um aviso de cookies/coleta de dados coerente com a politica de privacidade do seu site.
Onde procurar primeiro: o funil ate o cadastro
Antes de assistir gravacoes aleatorias, configure um funil simples com as etapas da sua landing: chegada na pagina, rolagem ate a oferta, clique no botao de cadastro ou no link de indicacao, e confirmacao (se a plataforma tiver pagina de obrigado). O funil mostra em qual etapa a maior parte do publico desiste, o que evita que voce fique assistindo horas de video sem foco.
O heatmap nao diz por que alguem saiu — ele so aponta onde procurar a resposta na gravacao de sessao. Quem pula direto para o video sem olhar o funil perde tempo assistindo sessoes que nao representam o padrao real de abandono.
Depois de identificar a etapa critica, va direto ao mapa de clique (click map) daquela secao. Tres sinais costumam aparecer com frequencia em landing pages de divulgacao:
Rage clicks no botao de cadastro
Cliques repetidos e rapidos no mesmo elemento normalmente indicam que o botao parece clicavel mas nao responde de imediato — script pesado carregando, popup de terceiro travando ou botao que abre em nova aba sem feedback visual. Suponha uma landing hipotetica com 500 sessoes no mes: se 60 delas registram rage click no CTA principal, isso e mais impactante para a conversao do que qualquer ajuste de texto.
Scroll que nunca chega na oferta
Se o mapa de rolagem mostra que menos da metade dos visitantes chega ate a secao com o link de indicacao ou o botao de cadastro, o problema pode ser um primeiro bloco (above the fold) longo demais, sem gancho, ou um carrossel que trava a rolagem no celular.
Idas e vindas ao regulamento ou aos termos
Gravacoes que mostram o visitante saindo da landing para procurar termos, idade minima ou informacao de KYC (verificacao de identidade) em outra aba sugerem que essa informacao deveria estar visivel na propria pagina, de forma clara e honesta — isso reduz atrito sem esconder nada do usuario.
Lendo gravacoes de sessao sem se perder no video
Assistir sessao por sessao sem criterio e a forma mais comum de desperdicar o proprio tempo com essas ferramentas. O metodo mais eficiente e filtrar por comportamento, nao assistir em ordem cronologica: filtre sessoes que chegaram na etapa do funil onde o abandono e maior, e assista de cinco a dez delas em sequencia, anotando o que se repete.
- Filtre por sessoes que pararam na etapa do formulario, nao pela pagina inteira
- Marque como favoritas (a maioria das ferramentas permite) as sessoes com padrao repetido
- Ignore sessoes muito curtas (poucos segundos) — geralmente sao bots ou cliques acidentais
- Compare mobile e desktop separadamente, porque o ponto de travamento costuma ser diferente
Um exemplo hipotetico ajuda a visualizar a logica: imagine um divulgador que trabalha com CPA (comissao paga por cadastro qualificado) e recebe, hipoteticamente, R$ 40 por cadastro aprovado. Se a analise de gravacoes revela que boa parte do trafego mobile abandona porque o campo de telefone nao aceita colar o numero copiado do WhatsApp, corrigir esse unico campo pode valer mais, em comissao potencial, do que dobrar o investimento em trafego para a mesma pagina quebrada.
Erros comuns de quem comeca a usar essas ferramentas
Alguns tropecos aparecem com frequencia em quem esta testando heatmap e gravacao de sessao pela primeira vez:
- Tirar conclusao com poucas sessoes gravadas, tratando um caso isolado como regra geral
- Nao segmentar por origem de trafego, misturando visitante de anuncio pago com visitante organico
- Esquecer de reativar a mascara de dados sensiveis apos alguma alteracao no formulario
- Olhar so o desktop, quando a maior parte do trafego de divulgacao no Brasil e mobile
- Mudar varios elementos da pagina ao mesmo tempo, o que impede saber qual mudanca funcionou
Transformando a analise em teste real
O passo final e o que separa quem so observa de quem melhora a pagina de fato: transforme cada padrao identificado em uma hipotese testavel, mude um elemento por vez e compare o funil antes e depois pelo mesmo periodo de dias da semana, ja que trafego de fim de semana costuma se comportar diferente do trafego de dia util. Documente a data da mudanca para conseguir atribuir a variacao de conversao a ela, e nao a uma flutuacao normal de trafego.
Nao existe numero magico de conversao que sirva de meta para todo mundo — a taxa depende da plataforma divulgada, da qualidade do trafego e da propria oferta de comissao. O valor de usar Hotjar ou Clarity nao e alcancar um percentual especifico, e sim parar de adivinhar onde a landing falha e passar a corrigir com base no que o visitante realmente fez.
