, 
ou 
planos. Disponível para Feedback e Pesquisas com 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 widgets de Feedback ou Pesquisas aparecerem, ou para filtrar seus dados coletados para encontrar ainda mais insights. Este artigo examinará o que está envolvido na configuração de eventos com o Hotjar usando nossa API de Eventos.
Para uma visão geral de Eventos e como usá-los, veja 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 através do GA sem implementar o código da API de Eventos em seu site. Note que isso só é possível quando o script GA é adicionado às suas páginas diretamente, não quando o GA é adicionado via Google Tag Manager (GTM).
- Passo 1 - Identifique os principais objetivos para o seu site.
- Passo 2 - Decida quais eventos suportam esses objetivos.
- Passo 3 - Implemente o código da API de Eventos no 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 para o seu site.
Dependendo do seu site, seus objetivos atuais podem incluir aumentar as conversões, reduzir erros, aumentar as inscrições na newsletter ou rastrear um teste A/B. Aqui estão alguns casos de uso comuns para Eventos para ajudá-lo a começar a identificar os objetivos em que você gostaria de se concentrar:
- 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.
- Acionar uma Pesquisa para usuários que cancelam a inscrição, perguntando a eles como você poderia melhorar a newsletter.
Para mais casos de uso, veja nosso artigo sobre O que são Eventos?
Decida quais eventos suportam esses objetivos.
Eventos específicos que estão acontecendo (ou não) no seu site podem ser usados para suportar seus objetivos identificados no Passo 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 no seu site incluem:
- Um evento de clique em um botão ou link específico
- O recurso Eventos é melhor usado 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 é acionado.
- Uma variante de página é carregada.
Então, você poderá vincular os dois primeiros passos para ajudar na implementação do código da API de Eventos no próximo passo. Por exemplo, seu objetivo e evento para suportar o objetivo poderiam ser: “Passar um evento para o Hotjar quando um erro é acionado (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 no 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, veja nosso artigo Como Enviar Eventos com o Google Tag Manager, Usando o Hotjar com o Google Analytics, ou se você estiver usando o Segment, visite nosso guia Usando o Hotjar com o Segment.
Após 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 conhecimento técnico, você pode precisar da ajuda de um desenvolvedor web para escrever o código adicional necessário.
Para ajudar a implementar o 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 template para rastrear se um cartão de crédito foi ou não 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/add-credit-card', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(body),
})
.then((response) => response.json())
.then((data) => {
hj('event', 'Added Credit Card successfully')
// handle backend response.
}
)
.catch(error => {
hj('event', 'Adding Credit Card failed')
})*Consulte seus próprios desenvolvedores para determinar que 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 para o 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 Gravações por Eventos.
- Filtrar Mapas de Calor por Eventos.
- Criar um Segmento de Gravação que inclui o evento filtrado.
- Direcionar Pesquisas e widgets de Feedback para serem acionados com base em Eventos.
- Iniciar captura de sessão com base no acionamento de Eventos.