Como configurar eventos no Google Tag Manager
O Google Tag Manager é uma ferramenta gratuita do Google que permite instalar diversos serviços em seu site sem a necessidade de alterar o código-fonte. Essa funcionalidade oferece autonomia para o marketing, melhora a produtividade e reduz custos com TI. Este tutorial explica como configurar eventos em elementos da sua loja para rastrear os cliques dos usuários por meio do Google Tag Manager.
Acessar o Google Tag Manager e ativar variáveis de clique
Para começar, acesse o site do Google Tag Manager. Caso não esteja logado, realize o login com sua conta Google.
Em seguida, acesse o menu “Variáveis”.
Ative a variável “Container ID” e todas as variáveis relacionadas a “Cliques”.
Criar um acionador para todos os elementos
Acesse o menu “Acionadores”.
Clique em “Novo” para criar um novo acionador.
Selecione a opção “Todos os Elementos”. Esse acionador será utilizado para gerar todas as suas tags daqui em diante.
Salve o acionador com o nome que desejar.
Envie as atualizações clicando em “Enviar” no canto superior direito da tela.
Insira o nome da versão e clique em “Publicar”.
Ativar o assistente de visualização e identificar o evento de clique
Ative o assistente de visualização clicando em “Visualizar” no canto superior direito da tela.
Quando a página carregar, clique no botão que deseja rastrear. No sumário do assistente, o evento “click” deverá aparecer como a última ação registrada.
Copiar código do botão e criar acionador específico
Selecione o evento de clique e acesse a aba “Variables”.
Copie o código referente ao botão que deseja rastrear. Os códigos podem ser encontrados nos campos:
- Click Classes
- Click Element
- Click Id
Copie os valores sem as aspas. No caso do Click Element, não selecione a primeira palavra antes dos dois pontos (:), excluindo ambos.
Crie um novo acionador do tipo “Todos os elementos” e marque a opção “Alguns Cliques”.
Cole o código copiado e selecione a condição “É igual a”.
Configure o campo conforme o tipo de código:
- Se for Click Classes, selecione Click Classes.
- Se for Click Element, selecione Css Selector.
- Se for Click Id, selecione Click Id.
Salve o acionador com o nome desejado.
Criar tag para evento no Google Analytics Universal
Acesse a aba “Tags”.
Clique em “Novo” para criar uma nova tag.
Na caixa “Configuração da tag”, selecione Google Analytics Universal.
Configure os campos da seguinte forma:
- Tipo de acompanhamento: selecione Evento.
- Categoria: insira o nome que desejar para a categoria do botão.
- Rótulo: clique na caixa à direita e selecione Page Url.
- Valor: deixe em branco.
- Hit que não é interação: selecione Verdadeiro.
- Ativar configurações de modificação nessa tag: marque essa opção.
- Código de acompanhamento: selecione Container ID.
Após configurar, a caixa “Configuração da tag” deve apresentar as opções conforme descrito.
Na caixa “Acionamento”, selecione o acionador do botão criado anteriormente.
Salve a tag com o nome que desejar.
Envie as atualizações clicando em “Enviar” no canto superior direito da tela.
Insira o nome da versão e clique em “Publicar”.
O Google Tag Manager disparará o evento da tag toda vez que algum usuário clicar no botão configurado. Você poderá acompanhar esse evento tanto pelo Google Analytics quanto pelo próprio Google Tag Manager.