> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Hotjar

> Adicione o Hotjar ao seu projeto do Macaly

O Hotjar mostra como os visitantes realmente usam o seu site. Os mapas de calor revelam onde as pessoas clicam e até onde rolam a página. As gravações de sessão permitem assistir a visitas reais. Se o analytics diz *o que* aconteceu, o Hotjar mostra *por quê*.

<Callout icon="user">
  Disponível em todos os planos
</Callout>

## Por que usar o Hotjar

* **Veja onde cada clique, rolagem e toque acontece.** Os mapas de calor mostram quais partes da página recebem atenção e quais são ignoradas.
* **Assista a visitas reais, não só a números.** As gravações de sessão mostram onde os visitantes se confundem, hesitam ou desistem.
* **Ouça os visitantes sem pedir que saiam da página.** Pesquisas na página e botões de feedback permitem que eles digam o que está funcionando.
* **Descubra em que etapa as pessoas abandonam o seu fluxo.** Os relatórios de funil mostram exatamente onde cadastros, compras ou onboarding se perdem.

## O que você precisa

Antes de começar, confira se você tem:

* Uma **conta do Hotjar**. Crie uma gratuitamente em [hotjar.com](https://www.hotjar.com)
* O seu **Site ID do Hotjar**. Um número parecido com `1234567`

<Accordion title="Como encontrar o seu Site ID">
  1. Faça login no [Hotjar](https://insights.hotjar.com)
  2. Acesse **Settings**
  3. Em **Organization**, clique em **Sites & organizations**
  4. O seu **Site ID** aparece ao lado do nome do site
</Accordion>

## Adicione o Hotjar ao seu projeto

Abra o chat no seu projeto do Macaly e peça ao agente:

```
Adicione o Hotjar ao meu site. O meu Site ID é 1234567.
```

O agente adiciona o script de rastreamento do Hotjar ao projeto. Assim que o site for publicado, o Hotjar começa a coletar dados automaticamente.

<Tip>
  Substitua `1234567` pelo seu Site ID real, que aparece no painel do Hotjar.
</Tip>

## Verifique se está funcionando

<Steps>
  <Step title="Abra as ferramentas de desenvolvedor do navegador">
    No Chrome, acesse **View > Developer > Developer Tools** e selecione a aba **Network**.
  </Step>

  <Step title="Acesse o seu site publicado">
    Abra o seu projeto do Macaly no ar e atualize a página.
  </Step>

  <Step title="Filtre por Hotjar">
    Digite `hotjar` no campo de filtro da aba Network. Você deve ver requisições sendo carregadas, e só o seu Site ID deve aparecer nelas. Isso significa que o Hotjar está instalado corretamente.
  </Step>
</Steps>

<Info>
  Os scripts de rastreamento também rodam na pré-visualização do editor, mas os dados são atribuídos ao domínio da pré-visualização, não ao seu site publicado. Para gravações e mapas de calor precisos, confira o painel do Hotjar depois de publicar.
</Info>

## O que rastrear

O Hotjar começa a gravar sessões e a gerar mapas de calor assim que está ativo. Você também pode pedir ajuda ao agente para configurações mais avançadas:

| O que você quer | Exemplo de prompt |
| - | - |
| Rastrear uma página específica | *"Quero mapas de calor do Hotjar só na página de preços"* |
| Adicionar um widget de feedback | *"Adicione um botão de feedback do Hotjar no canto inferior direito de todas as páginas"* |
| Marcar gravações com tags | *"Marque as gravações do Hotjar com uma tag quando alguém chegar à página de agradecimento"* |
| Identificar usuários | *"Envie o e-mail do usuário logado para o Hotjar, para que eu possa buscar gravações por usuário"* |

<Info>
  **Consentimento de cookies.** O Hotjar define cookies para reconhecer visitantes recorrentes e gravar sessões. Se o seu site recebe visitantes da UE, do Reino Unido ou de outras regiões com leis de privacidade, é sua responsabilidade garantir que haja uma solução de consentimento de cookies antes de o Hotjar ser carregado. O agente pode configurá-la para você com o [Iubenda](/docs/pt-BR/integrations/iubenda).
</Info>

## Bom saber

* O **plano gratuito** do Hotjar inclui um número limitado de gravações de sessão e mapas de calor por mês. Consulte os [preços do Hotjar](https://www.hotjar.com/pricing/) para ver os limites atuais
* Os mapas de calor precisam de um número mínimo de visitas para ficarem úteis. Dê alguns dias de tráfego
* O Hotjar oculta automaticamente campos sensíveis, como senhas e números de cartão de crédito, nas gravações
* Se você também usa o [Google Tag Manager](/docs/pt-BR/integrations/google-tag-manager), pode carregar o Hotjar pelo GTM em vez de adicioná-lo diretamente. O agente pode ajudar nas duas abordagens


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.