O que é o Filtro de Elemento Clicado?

O filtro elemento clicado refina os dados da sua sessão com base em onde os usuários clicaram no seu site, como botões ou links, sem a necessidade de configurar manualmente os Eventos do Hotjar no seu código. Você pode refinar este filtro especificando condições como o texto de um botão ou link clicado, o seletor CSS, ou a URL da página em que o elemento existe.

Este artigo abordará:

• Casos de uso comuns para o filtro de elemento clicado
• Como usar o filtro de elemento clicado
• Quando usar o filtro de elemento clicado em vez de Eventos
• Perguntas frequentes para o filtro de elemento clicado

Casos de uso comuns para o filtro de elemento clicado

A seguir, alguns exemplos de casos de uso para o filtro de elemento clicado:

• Verifique o desempenho de diferentes chamadas para ação (CTAs) como parte de um teste A/B.

  Aplique o filtro de elemento clicado em Tendências, com a condição de texto do botão ou link sendo o texto para cada variante do botão. Em seguida, compare o número de sessões para cada variante e clique para acessar gravações e mapas de calor relacionados para uma análise mais aprofundada do comportamento do usuário após ter clicado em um CTA específico.

• Descubra razões pelas quais os usuários não estão concluindo suas compras.

  Na página de Gravações, aplique o filtro de elemento clicado com três condições: clique não ocorreu, onde o texto do botão ou link contém Finalizar compra, e onde a URL da página contém /checkout. Assista a algumas gravações filtradas para entender o que pode estar impedindo os usuários de finalizar a compra. Em seguida, visualize um mapa de calor com o mesmo filtro de elemento clicado aplicado à página de checkout para identificar o que os usuários estão perdendo e o que está capturando a atenção deles.

• Descubra oportunidades para melhorar um fluxo de integração.

  Para encontrar ideias para incentivar novos usuários a também convidar colegas, aplique um filtro de elemento clicado na página de Gravações. Selecione as condições: clique não ocorreu, onde a URL da página contém /onboarding, e onde o texto do botão ou link contém Convidar membros da equipe. Assista às gravações para entender por que os usuários não estão convidando colegas e gere algumas ideias de melhoria.

• Tomar decisões mais informadas para um redesign.

  Decisões para redesenhar um site e aumentar o número de demonstrações agendadas podem ser informadas aplicando um filtro de elemento clicado aos seus dados de sessão coletados. Adicione as condições: clique não ocorreu, onde o texto do botão ou link contém Agendar uma demonstração. Assista às gravações para revelar o que pode estar impedindo os usuários de prosseguir com o agendamento de uma demonstração. Aplique o mesmo filtro de elemento clicado a um mapa de calor de rolagem para entender quantos usuários não estão vendo o CTA de Agendar uma demonstração no final da página.

Voltar ao topo

Como usar o filtro de elemento clicado

Clique no menu suspenso Adicionar filtro e selecione Elemento clicado.

Adicione quaisquer condições para refinar ainda mais o filtro.

Você pode refinar o filtro de elemento clicado aplicando várias condições baseadas em:

• Se um clique ocorreu ou não ocorreu.
• O texto do botão ou link.

• O seletor CSS - nós apenas suportamos seletores CSS como eles aparecem quando armazenados pelo Hotjar. Isso pode diferir de como os seletores CSS aparecem ao copiá-los do seu site ao vivo. Por causa disso, ao usar o filtro do seletor CSS, recomendamos rastrear IDs HTML, que são únicos e contidos dentro do seletor CSS em vez do seletor CSS completo.
  • Por exemplo, em vez de usar o filtro: O seletor CSS é x, recomendamos usar o filtro O seletor CSS contém y (onde 'y' seria igual a um ID HTML único).
  • Não suportamos valores de seletores CSS que incluem espaços em branco. Como solução alternativa, você pode remover o espaço em branco usando este site para Deletar Todos os Caracteres de Espaço em Branco. 
• A URL da página - Veja nosso artigo sobre Como Usar Condições no Filtro de URL para ajuda ao usar URLs como condição de filtro, incluindo o uso de regex.

Clique em Aplicar para confirmar e filtrar seus dados de sessão.

Voltar ao topo

Quando usar o filtro de elemento clicado em vez de Eventos

A API de Eventos do Hotjar permite que você envie eventos de clique para o Hotjar que podem ser usados para filtrar dados de sessão ou para direcionar Pesquisas e widgets de Feedback. Os seguintes pontos podem ajudar a orientar você sobre quando usar o filtro de elemento clicado ou a API de Eventos com cliques do usuário:

Quando usar o filtro de elemento clicado

• Teste A/B que tem um foco claro em se um elemento é clicado ou não (por exemplo: posicionamento ou redação do botão).
• Validar rapidamente uma suposição ou identificar possíveis problemas relacionados a um elemento ser clicado ou não, sem precisar de código extra ou tempo de desenvolvedor.
• Para informar redesigns ou melhorias no site onde o objetivo é aumentar os cliques em um elemento.
• Seu site tem um plano Observe Business ou Scale.

Quando usar a API de Eventos

• • • Você está acionando uma Pesquisa ou widget de Feedback: O filtro de elemento clicado não está disponível com Pesquisas e Feedback.
    • Teste A/B mais aprofundado que vai além de apenas olhar se um elemento específico é clicado ou não (por exemplo: rolagem do usuário, tempo na página, mostrado um erro, ou se a variante A/B carrega na mesma URL que o controle).
    • Se você está tentando rastrear interações em um elemento aninhado, você pode querer usar Eventos. Ao usar o filtro de elemento clicado, o Hotjar só rastreará elementos HTML button e a. Como o HTML pode ser aninhado, se o Hotjar não encontrar o elemento que você especificou, nosso algoritmo subirá para o próximo elemento pai e verificará lá. Se não puder ser encontrado nos próximos três elementos pai, o Hotjar não será capaz de coletar os dados.

Voltar ao topo

document.querySelector('#my-button')
	.addEventListener('click', () => hj('event', 'clicked_cta'));

Voltar ao topo