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.
Events

Crie eventos de elemento clicados

Ultima atualização: Fevereiro 22, 2019

Disponível para

Marketing Hub Enterprise
Sales Hub Enterprise
Service Hub Enterprise

Os eventos de elemento clicados registram quando um visitante anônimo ou contato do HubSpot clicam especificamente em um elemento clicado em seu site. Eventos de elemento clicados podem ser criados de duas maneiras:

  1. Instale e use a extensão de eventos para Chrome
  2. Crie manualmente o evento usando um seletor de ID, Classe ou jQuery

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

Alguns usos comuns de eventos de elemento clicados são rastreados quando:

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

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.

 

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, vá para Relatórios > Có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 engrenagem 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 engrenagem.
  • 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. A seguir, selecione Eventos.
  • No canto superior direito, clique em Criar evento.
  • No painel direito, insira um Nome de evento e selecione Tags (opcional) para agrupar e encontrar facilmente o evento posteriormente. Em 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 a URL da página no campo URL da página se quiser que apenas o elemento seja rastreado como um evento em uma página específica.

ID

Use um atributo de ID de elemento para detectar quando for clicado. As IDs aparecem em seu HTML como id="unique-element-name". Nesse caso, insira apenas um unique-element-name no campo ID sob o seletor de elemento.

Clique com o botão direito do mouse em qualquer lugar em qualquer lugar na sua página e selecione Exibir a origem da página ou Inspecione para determinar a ID exclusiva do elemento.

 

Classe

Use um atributo de classe do elemento para detectar quando ele for clicado. As classes aparecem em seu HTML como class="element-name". Nesse caso, insira apenas o element-nameo no campo Classe sob o Seletor de elemento.

Clique com o botão direito do mouse em qualquer lugar em qualquer lugar na sua página e selecione Exibir a origem da página ou Inspecione para determinar a classe do elemento.

Seletor de jQuery

Você também pode usar os seletores de jQuery completo ou CSS 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.

No canto inferior direito, clique em Salvar para finalizar a criação de um evento de elemento clicado.