258 Usuários online agora
Faça perguntas sobre relatórios personalizados do Google Analytics, o uso da API e do Google Tag Manager e outros recursos avançados
Guie-me
star_border
Responder

Eventos Tag manager

Calouro ✭

Pessoal bom dia.

 

Estou criando eventos pelo GTM, mas identifiquei que 2 botões do site possuem a mesma classificação. Como faço para criar o adicionador e diferenciar os botões ao inserir o código de click classes?

 

Botão 1 

<div class="header-perguntas" data-target="#Regulamento" data-toggle="modal">
<h2><span class="duvida-esq"></span> Regulamento <span class="duvida-dir"></span></h2>
</div>

 

Botão 2

<div class="header-perguntas" data-target="#FormaPagamento" data-toggle="modal">
<h2><span class="duvida-esq-money"></span> Formas de Pagamento <span class="duvida-dir-money"></span></h2>
</div>

 

Desde já obrigadaaa Smiley feliz

Especialistas responderamverified_user

Re: Eventos Tag manager

[ Editado ]
Principal Colaborador

Olá Bruna, como vai?

 

Eu nunca precisei fazer essa separação, mas vou deixar minha sugestão para teste.

 

Você pode usar o que é chamado de seletor CSS para identificar os elementos que serão acionados e farão o disparo do seu evento.

 

Existe um seletor chamado :nth-child(n), onde "n" é um número que você insere para selecionar um único elemento quando há vários com o mesmo nome. No seu caso pelo código que postou, você tem duas ocorrências do .header-perguntas, então teria:

 

.header-perguntas:nth-child(1)

.header-perguntas:nth-child(2)

 

Na hora de criar o acionador, você pode testar como:

  • Novo acionador
  • Evento Personalizado
  • Clique em "Adicionar Filtro"
  • No primeiro campo selecione "Click Element"
  • No segundo campo selecione "corresponde ao seletor de CSS"
  • No terceiro campo insira ".header-perguntas:nth-child(1)" para o primeiro botão, ou ".header-perguntas:nth-child(2)" para o segundo botão

Assim, na hora do clique, o GTM verá qual botão está sendo acionado (o primeiro ou segundo) e fará o disparo de acordo com suas regras.

 

Espero que o teste funcione Smiley feliz

_

Leandro Martinez | Basta1Click - Consultoria AdWords | Ícone Basta1ClickÍcone FacebookÍcone YouTubeÍcone Linkedin

Recebeu uma resposta que foi útil? Marque-a como solução clicando no botão "Aceitar como Solução" e ajude a nossa comunidade.

Re: Eventos Tag manager

Principal Colaborador

@Bruna S, bom dia.

 

Tudo bem?

 

Além das dicas do Leandro, você pode criar um acionador baseado na variável Click Text ou criar uma variável do tipo DOM para cada botão e usar para criar um acionador diferente para cada botão.

 

Um dica que ajuda muita gente quando esta começando a utilizar o GTM é criar um acionador genérico para todos os elementos e usar o depurador do GTM para encontrar a variável que pode ser utilizada para identificar um determinado elemento no DOM. Deu para entender?

 

Fica mais ou menos assim:

 

GTM_Trigger_Generic.PNG

 

E depois você clica em Visualizar e Depurar para ativar o Depurador no site. Ao clicar em qualquer elemento será disparado um evento chamado gtm.click que você deve analisar para ver quais variáveis servem para você criar seu acionador. 

 

GTM_Trigger_gtmClick.PNG

 

Dessa forma fica bem mais fácil de criar seus acionadores baseado tanto em eventos, como elementos do D

 

 

 

Ricardo Gaya

Minha resposta foi útil? Se sim, clique em "Aceitar como solução". Saiba mais aqui.