Disponibilidade do plano
Disponível para Recordings e mapas de calor com Observe 
, Observe 
, ou Observe 
Disponível para Recordings e mapas de calor com Observe , Observe
Disponível para feedback e pesquisas com Ask , Ask , ou Ask
Eventos são mudanças ou ações em seu site, como cliques, rolagens e digitação. Esses eventos podem ser usados com o Hotjar para acionar a captura de sessão, fazer com que widgets de feedback ou pesquisas apareçam, ou para filtrar seus dados coletados e encontrar ainda mais insights. Este artigo abordará o que está envolvido na configuração de eventos com o Hotjar usando nossa API de eventos.
Para uma visão geral dos Eventos e como usá-los, consulte nosso artigo sobre O que são Eventos?
Use o Google Analytics para enviar Eventos para o Hotjar!
Confira nosso artigo sobre Usando o Hotjar com o Google Analytics para descobrir como os Eventos podem ser enviados diretamente pelo GA sem implementar o código da API de Eventos em seu site. Observe que isso é possível apenas quando o script do GA é adicionado diretamente às suas páginas, não quando o GA é adicionado via Google Tag Manager (GTM).
- Passo 1 - Identifique os principais objetivos que você tem para o seu site.
- Passo 2 - Decida quais eventos apoiam esses objetivos.
- Passo 3 - Implemente o código da API de Eventos em seu site.
- Passo 4 - Após implementar o código da API de Eventos, comece a usar os Eventos do Hotjar.
Identifique os principais objetivos que você tem para o seu site.
Dependendo do seu site, seus objetivos atuais podem incluir aumentar conversões, reduzir erros, aumentar as assinaturas de newsletter ou rastrear um teste A/B. Aqui estão alguns casos práticos de uso de Eventos para ajudar você a começar a identificar os objetivos nos quais gostaria de focar:
- Filtrar mapas de calor para comparar o desempenho de uma variante de página para teste A/B.
- Filtrar gravações onde os usuários encontraram um erro para ajudar a encontrar e resolver bugs ou problemas comuns de UX.
- Disparar uma pesquisa para usuários que cancelaram a assinatura, perguntando como você poderia melhorar a newsletter.
Para mais casos práticos, consulte nosso artigo sobre O que são Eventos?
Decida quais eventos suportam esses objetivos.
Eventos específicos que estão ocorrendo (ou não ocorrendo) em seu site podem ser usados para apoiar os objetivos identificados na Etapa 1. Ao listar esses eventos antes de passar para a próxima etapa, você saberá onde implementar o código da API de Eventos. Alguns exemplos de eventos em seu site incluem:
- Um evento de clique em um botão ou link específico
- O recurso de Eventos é melhor utilizado quando você deseja direcionar uma ferramenta de Feedback ou Pesquisa com base no clique do usuário. Caso contrário, considere o Filtro de Elemento Clicado integrado!
- Um erro é disparado.
- Uma variante de página é carregada.
Em seguida, você poderá unir os dois primeiros passos para ajudar na implementação do código da API de Eventos na próxima etapa. Por exemplo, seu objetivo e evento para apoiar o objetivo poderiam ser: "Enviar um evento para o Hotjar quando um erro é disparado (o evento), para que eu possa filtrar minhas gravações do Hotjar por esse evento de erro para encontrar e resolver bugs ou problemas comuns de UX (o objetivo)."
Implemente o código da API de Eventos em seu site.
Você pode enviar Eventos usando o Google Tag Manager, Google Analytics ou Segment
É possível começar a enviar Eventos para o Hotjar usando o Google Tag Manager, Google Analytics ou Segment. Para mais detalhes, consulte nosso artigo Como Enviar Eventos com o Google Tag Manager, Usando o Hotjar com o Google Analytics, ou se estiver usando o Segment, visite nosso Usando o Hotjar com o Segment.
Depois de definir seus objetivos e os eventos para apoiar esses objetivos, o próximo passo é implementar o código da API de Eventos em seu site usando o Guia de Referência da API de Eventos. Algum código personalizado precisará ser adicionado ao seu site para começar a enviar eventos para o Hotjar. Dependendo do seu nível de expertise técnica, você pode precisar da ajuda de um desenvolvedor web para escrever o código adicional necessário.
Para ajudar na implementação do código da API de Eventos, fornecemos mais informações em nosso Guia de Referência da API de Eventos. Um trecho de código está disponível abaixo como um exemplo de modelo para rastrear se um cartão de crédito foi adicionado a uma página de checkout. Este é apenas um exemplo, portanto, consulte seus desenvolvedores para implementar o código com base em seu site e objetivos.
fetch('/api/adicionar-cartao-de-credito', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(body),
})
.then((response) => response.json())
.then((data) => {
hj('event', 'Cartão de crédito adicionado com sucesso')
// lidar com a resposta do backend.
}
)
.catch(error => {
hj('event', 'Falha ao adicionar cartão de crédito')
})*Consulte seus próprios desenvolvedores para determinar qual código será necessário para o seu site.
Após implementar o código da API de eventos, comece a usar os Eventos do Hotjar.
Após implementar o código da API de eventos necessário para enviar eventos ao Hotjar, você começará a ver os eventos disponíveis para uso nas ferramentas do Hotjar. A partir daqui, você pode atualmente fazer o seguinte com os Eventos do Hotjar:
- Filtrar Recordings por Eventos.
- Filtrar Heatmaps por Eventos.
- Criar um Segmento de Recording que inclui o evento filtrado.
- Segmentar Surveys e widgets de feedback para disparar com base em Eventos.
- Iniciar a captura de sessão com base no disparo de Eventos.