HOTJAR - Heatmaps e Session Recordings

O que é este Node?

O HOTJAR é o node responsável por enviar eventos para o Hotjar, plataforma de analytics comportamental com heatmaps, session recordings e feedback forms.

Por que este Node existe?

Hotjar mostra visualmente como usuários interagem. O HOTJAR existe para:

1. Heatmaps: Visualize onde usuários clicam e scrollam
2. Session Recordings: Assista interações reais dos usuários
3. Feedback Forms: Colete feedback in-app
4. Visual Analytics: Entenda UX problems visualmente

Como funciona internamente?

HOTJAR envia eventos customizados para marcar pontos importantes em recordings e heatmaps.

Quando você DEVE usar este Node?

Use HOTJAR para análise visual de UX:

Casos de uso

1. UX Research: Entender problemas de usabilidade
2. Conversion Optimization: Ver onde usuários abandonam
3. Form Analysis: Identificar campos problemáticos
4. Mobile UX: Analisar interações mobile

Quando NÃO usar HOTJAR

• Product Analytics: Use AMPLITUDE ou MIXPANEL
• Backend Events: Use CUSTOM_EVENT

Parâmetros

Campo	Tipo	Obrigatório	Descrição
provider	string	Sim	"hotjar"
eventName	string	Sim	Nome do evento
properties	object	Não	Event metadata

Configuração

HOTJAR_SITE_ID=seu_site_id_aqui

Exemplo: Track Key User Actions

{
  "name": "Hotjar - Track Checkout Started",
  "nodes": [
    {
      "id": "start_1",
      "type": "start",
      "position": { "x": 100, "y": 100 },
      "data": { "label": "Início" }
    },
    {
      "id": "analytics_1",
      "type": "analytics",
      "position": { "x": 300, "y": 100 },
      "data": {
        "label": "Mark Checkout",
        "parameters": {
          "provider": "hotjar",
          "eventName": "Checkout Started",
          "properties": {
            "cart_value": 297.00,
            "items_count": 1
          }
        }
      }
    },
    {
      "id": "message_1",
      "type": "message",
      "position": { "x": 500, "y": 100 },
      "data": {
        "label": "Confirmar",
        "parameters": {
          "message": "✅ Sessão marcada no Hotjar!"
        }
      }
    },
    {
      "id": "end_1",
      "type": "end",
      "position": { "x": 700, "y": 100 },
      "data": { "label": "Fim" }
    }
  ],
  "edges": [
    { "source": "start_1", "target": "analytics_1" },
    { "source": "analytics_1", "target": "message_1" },
    { "source": "message_1", "target": "end_1" }
  ]
}

Boas Práticas

✅ SIM: - Use events para filtrar recordings importantes - Configure heatmaps para páginas críticas - Use feedback polls em pontos estratégicos

❌ NÃO: - Não grave sessões com dados sensíveis sem máscara - Não esqueça GDPR compliance

Dicas

💡 Dica 1: Filtre recordings por eventos customizados 💡 Dica 2: Heatmaps mostram rage clicks (frustração) 💡 Dica 3: Combine com FULLSTORY para mais features

Próximo Node

→ FULLSTORY - Session replay avançado → POSTHOG - Analytics + session replay open-source