O Tag Manager é uma ferramenta gratuita do Google, ao ser configurada em seu site permite a instalação de diversos serviços sem precisar mexer no código fonte.

Com isso, o marketing ganha autonomia, melhora a produtividade e reduz custos com TI.

Neste tutorial você vai aprender a configurar eventos em elementos de sua loja com o Tag Manager, com isso você poderá rastrear os clicks dos usuários que acessam a sua loja.

Antes de seguirmos é importante que você já tenha o Tag Manager configurado em sua loja, caso não tenha clique aqui e veja como fazer

Vamos começar?

Temos um vídeo explicando passo a passo.

Se preferir, acompanhe o passo a passo abaixo.
​

• Entre no site do Google Tag Manager. Caso você não esteja logado no Google ele vai requisitar o login.
  
  ​

  

  
  ​

• Acesse o menu de “Variáveis”.
  
  ​

  

  
  ​

• Ative a variável “Container ID” e todas as variáveis de “Cliques”
  
  ​

  
  

  
  ​

• Acesse o menu “Acionadores”.
  
  ​

  

• Crie um novo acionador.
  
  ​

  

• Para ele, selecione “Todos Os Elementos” é ele que você vai usar para gerar todas as suas tags daqui em diante.
  
  ​

  

• Salve e dê o nome que desejar.
  ​

• Envie as atualizações clicando em “Enviar” no canto superior direito da tela.
  
  ​

  

• Insira o nome que quiser e depois clique em “Publicar” no canto superior direito.
  
  ​

  

• Ative o assistente de visualização clicando em "Visualizar” no canto superior direito da tela.
  
  ​

  

• Quando sua Página carregar, clique no botão que você quer, logo após no seu sumário deverá contar como última ação o evento “click”.
  
  ​

  

• Selecione o click e depois entre na aba “Variables”.
  
  ​

  

• Copie o código do botão que você deseja no painel, estes podem ser:
  
  - Clique Classes
  - Click Element
  - Click Id
  
  Lembrando que todos devem ser copiados sem as aspas de fora e no caso do “Click Element” você não deve selecionar a primeira palavra antes dos dois pontos (:). excluindo ambos.
  
  ​

  

• Crie um acionador do tipo “Todos os elementos” e marque a caixa “Alguns Cliques
  
  ​

  

  
  ​

• Cole o código e mude a opção para “É igual a”
  Se for um:
  
  - Click Classes use Click Classes
  - Click Element use Css Selector
  - Click Id use Click Id
  
  Depois salve com o nome que desejar clicando no botão do canto superior direito.
  
  ​

  

• Na aba “Tags”
  
  ​

  

  
  ​

• Crie uma Tag.
  
  ​

  

  
  ​

• Na caixa “Configuração da tag” selecione Google Analytics Universal.
  ​

  

  
  ​

• Para cada campo:
  
  - Tipo de acompanhamento -> Evento.
  - Categoria -> (O nome que desejar para a categoria do botão).
  - Rótulo -> Clique na caixa à direita e selecione Page Url.
  
  ​

  

  
  - Valor -> (Este campo não precisa ser preenchido)
  - Hit que não é interação -> Verdadeiro.
  - Ativar configurações de modificação nessa tag -> Marque essa caixa.
  - Código de acompanhamento -> Selecione Container ID.
  
  ​

  

• Depois de feitas as configurações na caixa “Configuração De tag” ela deve se parecer com isso:
  
  ​

  

• Agora na caixa “Acionamento”, selecione o acionador do botão que você criou.
  
  ​

  

• Salve e dê o nome que desejar.
  
  ​

• Envie as atualizações clicando em “Enviar” no canto superior direito da tela.
  
  ​

  

• Insira o nome que quiser e depois clique em “Publicar” no canto superior direito.
  
  ​

  

  
  E pronto!
  
  O Google Tag Manager vai disparar o evento da tag toda vez que algum usuário clicar no botão configurado. Você pode acompanhar esse evento tanto pelo Google Analytics quanto pelo próprio Google Tag Manager.
  
  
  
  
  
  ​