Heatmaps

Resumo

Suite completa de analytics comportamental LGPD-compliant: heatmaps de cliques, movimento e scroll; gravações de sessão (session replay); funis de conversão multi-etapa; metas e conversões configuráveis; insights automáticos semanais gerados por IA; múltiplos sites por conta; anonimização de IP, respeito a Do Not Track e filtragem de bots nativa. Script de rastreamento assíncrono <10KB sem impacto na performance.

Para quem é

• Times de produto e CRO que querem identificar por que visitantes não convertem e agir com dados reais.
• Agências multi-cliente que gerenciam sites de vários clientes em um painel único.
• Equipes de marketing que precisam validar design e posicionamento de CTAs.
• Operações com exigência LGPD que não podem usar ferramentas que enviam dados para fora (Hotjar, Clarity com transferência internacional).

O que você pode fazer

Heatmaps

• Mapas de calor de cliques: veja onde visitantes clicam mais.
• Movimento do mouse: padrões de atenção.
• Scroll tracking: até onde a página é visualizada e onde abandonam.
• Filtros por dispositivo (mobile, tablet, desktop) e por URL.

Session Replay

• Gravações completas de sessão com reprodução.
• Filtros por duração, páginas visitadas, erros JS, cliques de raiva (rage clicks).
• Privacidade: campos sensíveis (password, email, cartão) são automaticamente mascarados.

Funis de Conversão

• Funis multi-etapa (FunnelRepository) com visualização de conversão e drop-off.
• Comparação entre períodos para medir impacto de mudanças.
• Segmentação por fonte, dispositivo, país.

Metas e Conversões

• Goals configuráveis: URL, evento, tempo na página, formulário enviado.
• Tracking de conversões com valor monetário opcional.
• Atribuição ao canal de origem.

Visitantes e Sessões

• Perfis de visitante com histórico de sessões.
• Segmentos salvos para análise recorrente.
• Busca por IP (anonimizado), país, dispositivo, referrer.

Múltiplos Sites por Conta

• Cadastre vários websites (WebsiteRepository) no mesmo painel.
• Visão agregada ou individual por site.
• Ideal para agências com muitos clientes.

Insights com IA (Semanal)

• Cron heatmap_ai_insights roda semanalmente.
• Diagnóstico automático: o que melhorou, o que piorou, elementos ignorados, pontos de fricção.
• Sugestões de ação priorizadas por impacto estimado.

LGPD Compliance Nativa

• Anonimização de IP (último octeto zerado).
• Respeito a Do Not Track (DNT header).
• Bot filtering automático.
• Retenção configurável (padrão 90 dias).
• Máximo de eventos por sessão (padrão 10k) para evitar abuso.

Tracking Script

• Script público em /track/{website_id} assíncrono <10KB.
• Zero impacto na performance do site monitorado.

Como começar

1. Acesse Dashboard → Heatmaps → Websites.
2. Cadastre seu site e copie o snippet de tracking.
3. Instale o snippet antes do </head> do site.
4. Aguarde algumas visitas; os primeiros heatmaps aparecem em minutos.
5. Configure Goals e Funnels para métricas de negócio.
6. Habilite AI Insights para receber diagnósticos semanais automáticos.

Tutoriais

Tutorial 1: Instalar tracking script no site

Objetivo: começar a coletar dados. Passos:

1. Websites → Novo Website. Informe URL.
2. Copie o snippet gerado.
3. Cole antes do </head> em todas as páginas (ou no template global).
4. Faça uma visita de teste e confirme em Real-Time.
5. Em 10-15 minutos, o primeiro heatmap aparece com dados reais.

Tutorial 2: Analisar heatmap de landing page

Objetivo: identificar onde visitantes clicam e onde ignoram. Passos:

1. Heatmaps → selecione a URL da landing.
2. Alterne entre Cliques, Movimento e Scroll.
3. Identifique CTAs com baixo engajamento.
4. Combine com Session Replay para ver o comportamento em detalhe.
5. Teste hipóteses (reposicionar CTA, trocar cor) e compare antes/depois.

Tutorial 3: Criar funil de conversão

Objetivo: medir onde usuários desistem. Passos:

1. Funnels → Novo Funil.
2. Defina etapas em ordem (ex.: /home → /produto → /checkout → /obrigado).
3. Salve e aguarde dados.
4. Veja taxa de conversão entre etapas e identifique o maior drop-off.
5. Use Session Replay filtrado pela etapa problemática para ver o que acontece.

Tutorial 4: Configurar meta e medir conversão

Objetivo: rastrear vendas ou leads. Passos:

1. Goals → Nova Meta. Escolha tipo (URL, evento, formulário).
2. Informe condição (ex.: URL = /obrigado).
3. Defina valor monetário opcional.
4. Conversões passam a ser contadas em Dashboard.
5. Veja atribuição por canal em Analytics.

Tutorial 5: Revisar insights semanais da IA

Objetivo: receber diagnóstico automático. Passos:

1. Certifique-se de que AI Insights está habilitado em Settings.
2. Uma vez por semana, o cron gera relatório em Insights.
3. Leia: melhorias observadas, alertas, pontos ignorados, sugestões.
4. Priorize ações pelo impacto estimado.

Tutorial 6: Gerenciar agência com múltiplos sites

Objetivo: organizar heatmaps de vários clientes. Passos:

1. Cadastre cada cliente como website separado.
2. Use tags/agrupamentos para organizar por cliente.
3. Visão agregada ajuda em benchmark; individual entra no relatório mensal.

Integrações com outros plugins

• Pages: heatmaps diretos nas landing pages construídas pelo Pages.
• Dropshipping: funil de checkout monitorado automaticamente.
• Directory: comportamento em páginas públicas de listagens.
• Uptime: alerta quando taxa de conversão cai abaixo de X% (roadmap).
• Campaign/SMM: atribuição de campanhas a conversões.

Perguntas frequentes

1. O plugin é LGPD-compliant? Sim. IP é anonimizado, DNT é respeitado, bots são filtrados, dados ficam no seu servidor (sem transferência internacional), retenção configurável.

2. Como funcionam os insights com IA? Um cron semanal (heatmap_ai_insights) analisa os dados da semana e gera diagnóstico com melhorias, alertas e sugestões priorizadas.

3. Posso rastrear múltiplos sites? Sim. Cadastre quantos websites quiser; painel único agrega ou separa por site.

4. O script afeta a performance do site? Não. O script é assíncrono, <10KB, não bloqueia renderização.

5. Dados sensíveis aparecem nas gravações? Não. Campos password, e-mail, cartão e qualquer seletor configurado como sensível são mascarados antes de enviar.

6. Qual o período de retenção dos dados? Padrão 90 dias, configurável. Após esse período, dados antigos são removidos por cron.

7. O que são rage clicks? Cliques repetidos em um mesmo elemento em curto tempo — sinal de frustração (botão não funcionou, link quebrado).

8. Posso comparar dois períodos no funil? Sim. Selecione período A e período B na comparação para medir impacto de mudanças.

9. Integra com Google Analytics? O plugin é independente. Você pode manter GA em paralelo — eles não conflitam.

Glossário

• Heatmap: mapa de calor que visualiza frequência de interação.
• Session Replay: reprodução de sessão de visitante.
• Funnel: sequência de etapas para medir conversão.
• Goal: objetivo/conversão configurável.
• Rage click: clique repetido de frustração.
• Dead click: clique em elemento não interativo.
• DNT (Do Not Track): header HTTP que indica preferência de não rastreamento.
• CRO: Conversion Rate Optimization.

Limitações e avisos

• Web analytics completo (page views, bounce rate consolidado) está no roadmap — hoje foco é comportamental.
• A/B testing engine nativo está no roadmap.
• Form analytics campo a campo está no roadmap.
• Integração Segment/GTM está no roadmap.
• Insights com IA dependem de volume mínimo de sessões para gerar diagnóstico confiável.
• Gravações consomem mais storage — ajuste retenção conforme necessidade.

Relacionados

• Pages — landing pages com heatmap nativo.
• Dropshipping — funil de checkout monitorado.
• Directory — comportamento em listagens públicas.
• Uptime — monitoramento de disponibilidade complementar.
• Campaign — atribuição de conversões a campanhas.