Olá! Hotjar está disponível para uso em português brasileiro 🇧🇷 Comece grátis.

Aprender / Guias / Guia de mapas de calor

Voltar aos guias

Como fazer um mapa de calor (grátis)

Um mapa de calor é uma visualização de dados codificada por cores, geralmente com um gradiente de escala de cores que vai do azul (frio) ao vermelho (quente). Você pode criar um mapa de calor de dados através do uso de um editor de planilha como o Excel, ou gerar um mapa de calor de um website usando uma ferramenta gratuita de mapas de calor como a Hotjar.

Neste tutorial, mostramos como usar a Hotjar para criar mapas de calor que o ajudam a entender como as pessoas usam o seu site—no que elas clicam ou o que ignoram, e o que as deixa frustradas durante a navegação—para que você possa otimizar o site para melhorar as conversões, a experiência do usuário (UX) e as métricas mais importantes para a sua empresa.

Hotjar tools

Última atualização

21 ago. 2023

Configure o seu mapa de calor hoje mesmo

Crie uma conta gratuita na Hotjar, adicione o código de rastreamento ao seu site e comece a usar os mapas de calor hoje mesmo.

Como criar um mapa de calor gratuito do seu site usando a Hotjar

Para obter um mapa de calor de qualquer website ou página de produto, você precisará utilizar uma ferramenta sofisticada de criação de mapas de calor, como a Hotjar. A coleta e a renderização de dados de mapas de calor o ajudam a entender como as pessoas usam o seu site—no que elas clicam, o que as deixa frustradas, e em que partes da página a atenção delas diminui.

🔥 Já está usando a Hotjar?

Se precisar de ajuda para configurar o seu primeiro mapa de calor da Hotjar, acesse nossa Central de Ajuda e dê uma olhada na nossa seção sobre como configurar os mapas de calor

Se você for novo na Hotjar, não se preocupe! Temos um plano gratuito (para sempre!) e uma avaliação gratuita dos planos Plus e Business para você começar:

  1. Acesse a nossa Ferramenta de mapa de calor do website e inscreva-se para obter uma conta gratuita (ou consulte a nossa página de preços caso esteja interessado em experimentar os benefícios do plano Plus ou Business)

  2. Siga as instruções para instalar o código de rastreamento da Hotjar em seu site

Depois que o seu código de rastreamento for instalado e verificado, siga estas cinco etapas simples para gerar o seu primeiro mapa de calor:

1. Verifique se a "captura de sessão" está ativada

Para gerar um mapa de calor da Hotjar, a captura de sessão deve estar ativada. 

Se precisar ativá-la manualmente, você verá o menu suspenso "Captura de sessão: DESATIVADA" no canto superior direito, avisando-lhe de que a captura desta sessão está

Clique no link Configurações do site e ative a captura de sessão.

Agora você verá uma nova mensagem no canto superior direito sobre a cobertura de tráfego: clique aqui para ver quantas sessões você pode capturar por dia com o seu plano atual.

💡Dica avançada: as conclusões que você tirará dos seus mapas de calor serão mais representativas se você coletar os dados sem amostragem. Ao rastrear todas as interações, você pode ter certeza de que cada decisão tomada se baseia na cobertura total e não apenas em fragmentos de dados.

2. Criar um novo mapa de calor

Clique no ícone do mapa de calor no menu esquerdo e, em seguida, no botão "+ Novo mapa de calor".

3. Digite a URL da sua página de mapa de calor

Use o filtro de URL para visualizar um mapa de calor de qualquer página do seu site. Aqui você poderá visualizar:

  • Um mapa de calor de uma única página, por exemplo: mystore.com/product-category/item1

  • Um mapa de calor combinado de várias páginas, por exemplo, mystore.com/product-category 

Se não tiver certeza de onde começar, clique na caixa e você receberá uma lista de sugestões de URL com base nas páginas mais populares do seu site.

4. Clique na opção "Visualizar mapa de calor"  

E pronto! Seu mapa de calor deve aparecer em 90 segundos ou menos. 

É necessário apenas que uma pessoa visite a página para que os mapas de calor do Hotjar comecem a funcionar—mas talvez seja necessário aguardar até que mais alguns visitantes cheguem até o seu site, para que você possa começar a observar padrões no seu mapa de calor.

A visualização padrão mostrará um mapa de cliques nas sessões em desktop; clique nos diversos ícones para alternar entre os diferentes tipos de sessões (desktop, celular ou tablet) e para visualizar os diferentes tipos de mapas de clique (ou toques no celular), mapas de movimento, e de rolagem de página.

Veja abaixo como são os três tipos diferentes de mapa de calor:

5. Filtrar os dados do mapa de calor

Você pode obter muito mais benefícios do seu mapa de calor se filtrar os dados da sessão para mostrar apenas um período de tempo relevante ou um grupo de usuários específico.

Para filtrar o seu mapa de calor por data, clique no menu suspenso do ícone de calendário e selecione um período de tempo predefinido (de 24 horas a 12 meses) ou insira um intervalo de datas personalizado. 

Clique no botão "+ Adicionar Filtro" e escolha entre um ou vários filtros. Aqui estão algumas idéias ajudá-lo a começar:

  • Filtrar por Cliques de raiva para ver onde os visitantes clicam com frustração

  • Filtrar por Novos usuários para ver como os visitantes de primeira viagem se comportam

  • Filtrar por Navegador ou Sistema operacional para solucionar problemas técnicos específicos

Você pode manter a sua análise o quão simples ou o quão avançada desejar. é possível até mesmo configurar atributos de usuário para filtrar os mapas de calor por métricas personalizadas, como por exemplo "usuários que se inscreveram nos últimos 30 dias" ou "clientes que gastaram mais de US$ 200". 

Se você tiver alguma dúvida ou pergunta técnica sobre os mapas de calor, consulte a nossa abrangente documentação de ajuda sobre mapas de calor.

💡Dica avançada: clique em "Zona de Engajamento" no painel à direita para exibir uma sobreposição de grade na parte superior da página.

Esta é uma representação visual dos pontos de dados agregados dos mapas de calor de clique, movimentação e rolagem de tela, agrupados em uma única exibição. As diferentes tonalidades (ou opacidade) destacam os elementos da página com os quais os usuários mais se envolvem (cor mais escura) ou mais rejeitam (nenhuma célula ou cores mais claras).

As Zonas de Engajamento facilitam a identificação rápida das áreas da sua página que não estão recebendo o carinho que merecem, para que você possa melhorá-las.

Configure o seu mapa de calor hoje mesmo

Crie uma conta gratuita na Hotjar, adicione o código de rastreamento ao seu site e comece a usar os mapas de calor hoje mesmo.

Melhores páginas para coletar dados de mapas de calor

Os mapas de calor permitem que você se aprofunde em qualquer uma das páginas do seu site, mas faz sentido começar pelas páginas que são mais importantes para você em termos de tráfego, usabilidade e objetivos comerciais.

1. Página inicial e páginas de destino

Sua página inicial e a(s) página(s) de destino(são os principais pontos de entrada em seu site. Elas geralmente são responsáveis pelas primeiras impressões dos visitantes do site e por suas decisões de continuar navegando ou de abandonar o site. 

Um mapa de calor nessas páginas o ajudará a determinar a quantidade de informações que seus usuários veem ou com as quais interagem, e quais elementos estão sendo clicados ou ignorados.

2. Páginas principais

Suas páginas mais populares e com melhor desempenho (a página de produto mais visualizada, a postagem de blog com o maior número de comentários, etc.) obviamente estão fazendo algo certo: um mapa de calor pode ajudá-lo a entender o que está funcionando bem para que você possa replicar este sucesso em outras páginas.

3. Páginas com baixo desempenho

Suas páginas com pior desempenho são tão importantes quanto as anteriores, mas pelo motivo oposto: é muito provável que haja algo de errado com elas, e colocar um mapa de calor nestas páginas pode ajudá-lo a entender o que os seus visitantes (não) estão vendo e visualizar os elementos de página pelos quais eles não estão se interessando em interagir, para que você possa corrigir o problema.

Colocamos a Hotjar em todas as nossas páginas. Se nossa taxa de conversão cair após uma alteração, nossos mapas de calor nos ajudarão a identificar e resolver o problema. A Hotjar ajudou a definir a estratégia do nosso website e a tornar a experiência ainda melhor para os nossos clientes.

Anna Grunanger
Chefe de Aquisição, Vimcr

4. Novas páginas

As páginas mais recentes do seu site não têm muitos dados: se você adicionou recentemente uma página de produto ao seu site, um mapa de calor pode ser uma boa maneira de obter algumas informações iniciais, medir o desempenho destas páginas, e otimizá-las à medida que os insights do usuário forem chegando.

Dica avançada: se você estiver executando testes A/B para otimizar a taxa de conversão ou outras métricas importantes para a sua empresa, os heatmaps da Hotjar permitem que você visualize mapas de calor das variações de seus testes A/B, para que você possa comparar versões antigas e novas do seu site, descobrindo por que uma variante do site funciona melhor do que a outra, e obtendo assim idéias para testes futuros.

Aqui estão alguns recursos para ajudá-lo a aproveitar ainda mais os mapas de calor:

Fazer um mapa de calor no Excel vs. Hotjar

É possível criar uma visualização de um mapa de calor a partir de qualquer conjunto de dados numéricos usando editores de planilhas populares, como o Microsoft Excel, o Google Sheets ou o LibreOffice. A maneira mais rápida de fazer isso é selecionar os valores relevantes da célula e aplicar a formatação condicional das células.

No Google Sheets, selecione Formatar > Formatação condicional, selecione Escala de cores e escolha a paleta de cores de sua preferência—o exemplo abaixo utiliza "Do Verde ao amarelo e ao vermelho" como padrões de cores. Você também pode personalizar o ponto mínimo (para o valor mínimo), o ponto médio e o ponto máximo (para o valor máximo), caso seja necessário.

#Os mesmos pontos de dados de cliques no site visualizados no Google Sheets (à esquerda) e na Hotjar (à direita)
Os mesmos pontos de dados de cliques no site visualizados no Google Sheets (à esquerda) e na Hotjar (à direita)

Os mapas de calor do Excel podem ser úteis quando se está tentando identificar padrões e tendências em dados numéricos, enquanto uma ferramenta de mapas de calor como a Hotjar vai um passo além ao sobrepor a atividade real do usuário por cima de uma captura de tela da página real, facilitando muito a visualização do ponto onde os visitantes reais do seu site clicam e rolam a página—sem a necessidade de tabelas dinâmicas ou caixas de diálogo! 

Próximos passos

Os mapas de calor são uma maneira rápida e visual de entender o que está acontecendo em seu site.

Uma boa notícia: agora você sabe exatamente como fazer um mapa de calor de site gratuito usando a Hotjar. 

Uma notícia melhor ainda: quando você configura a captura de sessão, você também recebe Gravações de sessão da Hotjar para que possa assistir a usuários individuais enquanto eles navegam pelo seu site e por suas diversas páginas. Além disso, quando estiver pronto para elevar seus esforços de otimização para o próximo nível, você estará pronto para pedir um feedback dos seus usuários, executar pesquisas de satisfação e conduzir entrevistas com seus usuários a partir da mesma conta da Hotjar.

Configure o seu mapa de calor hoje mesmo

Crie uma conta gratuita na Hotjar, adicione o código de rastreamento ao seu site e comece a usar os mapas de calor hoje mesmo.

Perguntas frequentes sobre a configuração dos seus mapas de calor