Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
Analytics Tools

Criar eventos de elementos clicados

Ultima atualização: Outubro 19, 2020

Disponível para

Marketing Hub  Enterprise

Um evento de elemento clicado rastreia quando o clique de um visitante anônimo ou um contato do HubSpot em um elemento específico do seu site. Eventos de elemento clicados podem ser criados de duas maneiras:

Observação: o acesso a esse recurso ainda estará disponível para as contas da HubSpot com uma assinatura do Sales Hub Enterprise ou Service Hub Enterprise anterior a 9 de janeiro de 2020.

É recomendável usar a extensão de eventos para o Chrome para eventos simples clicados, como hiperlinks e imagens. Para obter um conteúdo mais complexo, como CTAs, é recomendável criar o evento manualmente.

As situações nas quais você pode querer controlar os eventos de elementos clicados incluem:

  • Quando uma CTA de demonstração gratuita é clicada.
  • Quando um link de download de PDF é clicado.
  • Quando uma imagem de produto específica na página de listagem de produtos é clicada.

Depois de criar seus eventos, saiba como analisar e gerenciar suas conclusões de eventos. Você também pode criar eventos de URL visitadas, eventos de formulários enviados e eventos personalizados.

Observação: os eventos de elemento clicado só podem ser criados e rastreados em páginas que tenham o código de rastreamento do HubSpot instalado.

Usar a extensão de eventos para o Chrome

Instale extensão de eventos para o Chrome

  • Na sua conta da HubSpot, clique no ícone de configurações settingsna barra de navegação principal.
  • No menu da barra lateral esquerda, acesse Rastreamento e análisesCódigo de rastreamento.
  • Clique em Instalar extensão de eventos para o Chrome.
  • Clique em Download.
  • Você será redirecionado à extensão do HubSpot Analytics na loja do Google Chrome. No canto superior direito, clique em Adicionar ao Chrome.

  • Na caixa de diálogo, clique em Adicionar extensão.
  • Assim que a extensão for instalada, ela aparecerá como uma de ícone de engrenagem laranja sprocket na barra de ferramentas do Chrome.

Erro ao criar um evento com a extensão do evento para o Chrome

  • Navegue até uma página web com seu código de rastreamento da HubSpot instalado.
  • Na barra de ferramentas do Chrome, clique no ícone de engrenagem laranja sprocket.
  • Na caixa de diálogo, clique em Procurar por um seletor.
  • Clique em um elemento na página para a qual será criado um evento de elemento clicado. No exemplo abaixo, o evento de elemento clicado rastreará cliques no link dos principais aspectos.

  • Na caixa de diálogo, o seletor de CSS do elemento será gerado automaticamente. Insira um Nome para o evento e selecione Tag (opcional) para agrupar e encontrar facilmente o evento posteriormente.
  • Clique em Enviar.

  • Depois que o evento for criado com sucesso, será exibida uma mensagem de confirmação. Clique em Exibir evento no HubSpot para visualizar o novo evento de elemento clicado em seu painel de eventos.

Observação: dependendo da complexidade da marcação HTML e CSS do seu site, a extensão do evento Chrome pode não conseguir detectar um seletor CSS exclusivo para um elemento. Nesse caso, você deve criar manualmente o evento ou adicionar uma tag de identificação exclusiva ao elemento.

Crie manualmente o evento usando um seletor de ID, classe ou jQuery

  • Na sua conta da HubSpot, navegue até Relatórios > Ferramentas de análise.
  • Clique em Eventos comportamentais.
  • No canto superior direito, clique em Criar evento.
  • No painel direito, configure seu evento:
    • Insira um Nome de evento.
    • Para agrupar e identificar posteriormente o evento com facilidade, clique no menu suspenso Tags e selecione ou insira uma tag.
    • Na seção Tipo de evento, selecione Elemento clicado.
  • Clique em Próximo.

  • Selecione o seletor de ID, Classe ou jQuery  para direcionar um elemento para rastreamento. Insira o seletor de ID, Classe ou jQuery relevante.
  • Insira a URL da página no campo URL da página se quiser que o elemento seja rastreado apenas como um evento em uma página específica.

  • Clique em Salvar quando terminar.

Entenda e recupere os seletores de elementos

ID

Um evento de elemento clicado pode identificar um elemento por seu atributo de ID e detectar quando ele é clicado.

Para exibir uma ID do elemento:

  • Clique com o botão direito na página com o elemento que você está direcionando e selecione Exibir origem da página ou Inspecionar.
  • Clique no elemento. Você deve ver o atributo de ID na linha do código (por exemplo, id="unique-element-name").
  • Copie o valor da ID e cole-o (por exemplo, neste caso, unique-element-name) no campo ID sem as marcas de orçamento.
 

Classe

Um evento de elemento clicado pode identificar um elemento por seu atributo de classe e detectar quando ele é clicado.

  • Clique com o botão direito na página com o elemento que você está direcionando e selecione Exibir origem da página ou Inspecionar.
  • Clique no elemento. Você deve ver o atributo de classe na linha do código (por exemplo, class="unique-element-name").
  • Copie o valor da classe e cole-o (por exemplo, neste caso, unique-element-name) no campo Classe sem as marcas de orçamento.
 

Seletor de jQuery

Você também pode usar os seletores de jQuery completo para direcionar elementos. Isso é útil se o elemento de direcionamento não tiver um ID ou classe, ou se precisar ser mais específico. Saiba mais sobre os seletores compatíveis.