Artigos nessa seção

O que é o filtro de elemento clicado?

Disponibilidade do plano
Disponível no Plano Business Rótulo do plano Business Disponível no Plano Business Rótulo do plano Business ou nos planos Plano Business Rótulo do plano Scale.

O filtro de elemento clicado refina seus dados de sessão com base em onde os usuários clicaram em seu site, como botões ou links, sem a necessidade de configurar manualmente Eventos do Hotjar em seu código. Você pode refinar esse 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 está presente.

Este artigo abordará:

Casos práticos comuns para o filtro de elemento clicado

A seguir, alguns exemplos de casos práticos 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 de cada variante de botão. Em seguida, compare o número de sessões para cada variante e clique para acessar as 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.

  • Encontre motivos pelos 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 Checkout, e onde a URL da página contém /checkout. Assista 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 deixando passar e o que está capturando a atenção deles.

  • Descubra oportunidades para melhorar um fluxo de onboarding.

    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 gerar algumas ideias de melhoria.

  • Tome decisões mais informadas para um redesign.

    Decisões para redesenhar um site e aumentar o número de reservas de demos podem ser embasadas 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 Agende uma demo. Assista às gravações para descobrir o que pode estar impedindo os usuários de avançar com a reserva de uma demo. Aplique o mesmo filtro de elemento clicado a um mapa de rolagem para entender quantos usuários não estão vendo a CTA Agende uma demo na parte inferior da página.

Voltar ao topo

Como usar o filtro de elemento clicado

Clique no menu suspenso Adicionar filtro e selecione Elemento clicado.

Menu suspenso de filtro mostrando o filtro de elemento clicado.

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

Condições do filtro de elemento clicado.

Você pode refinar o filtro de elemento clicado aplicando múltiplas condições.

Se um clique ocorreu ou não ocorreu

Ao filtrar Tendências, Gravações ou Mapas de calor, você pode escolher se deseja filtrar sessões onde o clique ocorreu ou não ocorreu.

Ao filtrar Funis, essa opção é fixa em ocorreu.

Texto do botão ou link

Isso filtra sessões para incluir interações no texto visível especificamente em um botão (<button>) ou link (<a>). Por exemplo, 'Saiba mais' ou 'Checkout'.

Seletor CSS

html

Apenas suportamos seletores CSS conforme aparecem quando armazenados pelo Hotjar. Isso pode ser diferente de como os seletores CSS aparecem ao copiá-los do seu site ao vivo. Por causa disso, ao usar o filtro de seletor CSS, recomendamos rastrear IDs HTML, que são únicos e estão contidos dentro do seletor CSS, em vez do seletor CSS completo.

Por exemplo, em vez de usar o filtro: seletor CSS é x, recomendamos usar o filtro seletor CSS contém y (onde 'y' seria igual a um ID HTML único).

Não suportamos valores de seletor CSS que incluam espaços em branco. Como solução alternativa, você pode remover os espaços em branco usando este Site para Excluir Todos os Caracteres de Espaço em Branco.

O que são seletores CSS?

Os seletores CSS definem quais elementos em uma página receberão um conjunto específico de regras CSS (ou estilos). Por exemplo, o seletor CSS .botão irá corresponder a qualquer elemento em uma página que tenha um atributo de classe botão.

URL da Página

Consulte nosso Como Usar Condições na Filtragem de URL artigo para obter ajuda sobre como usar URLs como condição de filtro, incluindo o uso de regex.

Clique em Aplicar para confirmar e filtrar os dados da sua sessão.

Voltar ao topo

Quando usar o filtro de elemento clicado em vez de Eventos

A API de Eventos do Hotjar permite enviar eventos de clique para o Hotjar, que podem ser usados para filtrar dados da sessão ou para direcionar Pesquisas e widgets de Feedback. Os pontos a seguir podem ajudar a orientá-lo sobre quando usar o filtro de elemento clicado ou a API de Eventos com cliques de usuário:

Quando usar o filtro de elemento clicado

      • Teste A/B que tem um foco claro em saber se um elemento foi clicado ou não (por exemplo: posicionamento ou texto de 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.

Quando usar a API de Eventos

      • Você está disparando um widget de Pesquisa ou 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 verificar se um elemento específico foi clicado ou não (por exemplo: rolagem do usuário, tempo na página, exibição de um erro ou se a variante A/B é carregada na mesma URL que o controle).
      • Se você está tentando rastrear interações em um elemento aninhado, pode ser melhor usar Eventos. Ao usar o filtro de elemento clicado, o Hotjar rastreará apenas elementos HTML botão e a. Como o HTML pode ser aninhado, se o Hotjar não encontrar o elemento especificado, nosso algoritmo subirá para o próximo elemento pai e verificará lá. Se não puder ser encontrado nos próximos três elementos pais, o Hotjar não poderá coletar os dados.

Voltar ao topo

O filtro de elemento clicado funciona com feedback e pesquisas?

No momento, o filtro não está disponível com feedback e pesquisas. Você pode nos informar como o filtro seria útil com feedback e pesquisas clicando no botão Entre em contato conosco abaixo.

Nosso site está disponível em vários idiomas, podemos incluir todas as variações de idioma em um filtro aplicado?

Não podemos incluir várias variações de idioma em um filtro aplicado. Você pode nos informar como ter essa opção seria benéfico clicando no botão Entre em contato conosco abaixo.

Por que não estou vendo resultados com base no filtro de texto do meu botão/link?

As configurações de supressão do seu Site podem estar impedindo o Hotjar de ver o texto referenciado em seu filtro. Por exemplo, se o Hotjar estiver suprimindo o texto do botão/link, isso significa que o Hotjar não consegue reconhecer o texto porque estamos armazenando asteriscos (****) em vez do próprio texto do botão/link.

Uma solução alternativa para isso é usar Eventos do Hotjar para enviar eventos de clique para o Hotjar, tornando-os disponíveis nas ferramentas do Hotjar para filtragem ou disparo. Configurar isso no código do seu site pode se parecer com o exemplo abaixo:

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

Para mais detalhes sobre o uso de Eventos para rastrear eventos de clique, consulte nossos artigos sobre O que são Eventos, Como configurar Eventos e a Referência da API de Eventos.

Voltar ao topo

Artigos relacionados