Rastrear cliques em elementos específicos (por meio de link, classe, id, seletor css ou texto)

Este guia mostra como configurar um objetivo de rastreamento para registrar os cliques que ocorrem em elementos específicos do seu site, como botões, links ou imagens.

Para usar a funcionalidade de "Seleção Visual", certifique-se de ter salvo o projeto de tracking primeiro.


Procedimento Passo a Passo

1. Acesse a Seção Objetivos

1. Acesse o projeto de tracking que deseja modificar.

2. Clique na aba Objetivos (a segunda aba do módulo de edição).

3. Localize o quadro intitulado Click (ícone do mouse).

2. Ative o Objetivo "Click"

1. Se o quadro Click não estiver ativo, clique no botão Ativar no canto superior direito do quadro.

2. Uma vez ativado, aparecerá uma seção para configurar as regras de rastreamento.

3. Adicione uma Regra de Click

Para rastrear um clique, você deve definir uma regra específica que identifique o elemento clicado. Você pode adicionar várias regras clicando no botão Adicionar Click.

1. Clique no botão Adicionar Click. Um novo bloco de configuração será aberto.

4. Defina o Elemento a Ser Rastreado

Você tem dois métodos principais para definir o elemento: a Seleção Visual (recomendada) ou a seleção manual via seletor.

Opção A: Seleção Visual (Recomendada)

Esta ferramenta permite navegar no seu site e clicar no elemento desejado para gerar automaticamente o seletor.

1. Na seção da regra recém-adicionada, clique no botão Seleção Visual.

2. Uma janela modal será aberta carregando seu site.

3. Clique com o botão direito do mouse no elemento (link, botão, etc.) que deseja rastrear.

  • Alternativamente, mantenha o botão esquerdo do mouse pressionado por mais de 1 segundo.

4. O sistema mostrará o seletor CSS gerado. Clique em Confirmar.

5. O campo Seletor CSS será preenchido automaticamente e o "Método de seleção" será definido como Via Seletor CSS.

Opção B: Seleção Manual

Se preferir inserir manualmente o identificador do elemento, use o menu suspenso Método de seleção*.

1. No menu suspenso Método de seleção*, escolha o método mais apropriado para identificar o elemento:

Método de SeleçãoDescrição
Via Link de destino (Link)Rastreia o clique com base na URL de destino (href).
Via Classe (Classe)Rastreia o clique com base na classe CSS (ex: btn-primary).
Via ID do Elemento (ID)Rastreia o clique com base no ID único do elemento (ex: #botao-compra).
Via Seletor CSS (Seletor)Rastreia o clique via um seletor CSS complexo (ex: body .menu > a:nth-child(2)).
Via texto do elemento (Texto)Rastreia o clique somente se o elemento contiver exatamente aquele texto.
Via parte do texto (Contains)Rastreia o clique se o elemento contiver ao menos parte do texto especificado.

2. No campo abaixo (cujo rótulo muda conforme o método escolhido), insira o valor correspondente (link, classe, ID, seletor ou texto).

5. Configure o Tracking Externo (Opcional)

Se desejar enviar este evento de clique também para plataformas externas (como Meta Ads, Google Ads, TikTok, etc.), você deve habilitar o tracking de terceiros.

1. Encontre a seção Tracking de terceiros (geralmente à direita ou embaixo).

2. Marque a caixa Habilitar.

3. A seção de preferências de tracking será aberta, dividida por plataforma (Eventos Meta Ads, Eventos Google, etc.).

4. Event Name: Para cada plataforma, insira o identificador do evento (por exemplo, AddToWishlist ou CustomClick).

  • Nota: Se deixar o campo vazio, será usado o nome do evento padrão.

5. Parâmetros Personalizados (Opcional): Você pode adicionar parâmetros adicionais específicos para cada plataforma (ex: value, currency).

6. Salve o Projeto

1. Depois de configurar todas as regras de clique desejadas, clique no botão Salvar (geralmente no final da página).

2. O sistema começará imediatamente a rastrear os cliques com base nas regras que você definiu.