Title Image

[Tutorial] Como Acionar uma Tag de Rastreamento em um Botão Através do GTM

No tutorial de hoje você vai aprender Como Acionar uma Tag de Rastreamento em um Botão através do Google Tag Manager.

Este processo está dividido em duas etapas:

A primeira consiste em criar o código para acionar na tag da plataforma que você deseja trabalhar.

Já na segunda parte, você vai ver como criar um acionador para disparar no botão através do Gerenciador de Tags do Google, o GTM.  Caso você não tenha o GTM instalado ainda, sugiro fortemente que você instale e comece a utilizar no seus sites.

Para começar a usar esse software gratuito do Google, basta acessar acessar este link e realizar sua inscrição. Caso você não saiba como fazer isso, confira o nosso tutorial ensinando como fazer essa instalação.

Então vamos lá!

Como acionar uma tag de rastreamento em um botão através do Google Tag Manager

Etapa 1: Definir a sua tag

Nesta primeira etapa você precisa selecionar qual é a tag que você quer utilizar. No GTM você tem diferentes opções para trabalhar.

Você pode acionar a sua tag de rastreamento do Facebook, Google AdWords, Bing, Outbrain, em um botão, ou seja, você tem diversas opções para esse tipo de acompanhamento.

Aqui você pode ver algumas das opções para criar a sua tag de rastreamento em um botão.

Tag de Rastreamento - Google Tag Manager - Afiliart

Tag de Rastreamento - Google Tag Manager - Afiliart

Neste momento você já viu quais são as opções para a sua tag, agora se você já selecionou a sua opção e criou o código para acioná-lo em um botão, vamos para a segunda etapa deste tutorial. Esta parte é muito importante, recomendo que você leia este conteúdo com mais atenção!

Agora você vai ver como acionar o código na tag do botão através do GTM. Aproveite e se inscreva abaixo gratuitamente na nossa lista de e-mail VIP e receba todos nossos conteúdos em primeira mão!

Etapa 2: Acionar o código na tag de rastreamento através do Google Tag Manager

Você terminou a primeira etapa de como acionar uma Tag de rastreamento no botão através do GTM. A etapa seguinte consiste em criar um acionador que vai disparar no botão que você selecionar.

Então vamos lá!

Abra a sua conta no GTM.

O primeiro passo nesta etapa é habilitar as opções de variáveis. Clique na opção Variáveis, no canto esquerdo da sua tela e em seguida, clique em Configurar.

Tag de Rastreamento - Google Tag Manager - Afiliart

Neste momento você pode configurar todas as variáveis. Você tem opção de colocar a sua tag nas páginas URL, nos Utilitários, entre outras opções. Como você vai acionar uma tag de rastreamento no botão (no clique), você vai validar todas as variáveis que estiverem em Cliques.

Tag de Rastreamento - Google Tag Manager - Afiliart

Feito isso, clique em Visão Geral, no canto esquerdo da tela e depois em Adicionar uma nova Tag.

Tag de Rastreamento - Google Tag Manager - Afiliart

Nomeie a sua tag, clique em Configuração da tag e selecione a opção referente a tag que você deseja trabalhar. Neste exemplo você vai ver como fazer a tag a partir do HTML personalizado.

DICA: coloque o nome do produto junto com o nome da tag.

Tag de Rastreamento - Google Tag Manager - Afiliart

Neste momento você deve colar a tag já com o código na parte do HTML personalizado.

Tag de Rastreamento - Google Tag Manager - Afiliart

Esta é a hora de acionar a Tag no botão desejado. Clique em Acionamento.

Tag de Rastreamento - Google Tag Manager - Afiliart

Agora você deve configurar o acionador. Clique no botão de “+” no canto superior direito da tela. Coloque o nome e clique na Configuração de acionador.

 

Tag de Rastreamento - Google Tag Manager - Afiliart

Selecione o tipo de acionador.

Como você está trabalhando com o clique no botão, selecione a opção Todos os elementos do Clique e dentro dele selecione a opção Alguns cliques.

Tag de Rastreamento - Google Tag Manager - Afiliart

Volte para a tela que você vai acionar a tag, clique com o botão secundário do mouse no botão que você escolheu para traquear e logo em seguida, clique em Inspecionar.

Tag de Rastreamento - Google Tag Manager - Afiliart

Neste momento você consegue visualizar o código HTML do botão.

Tag de Rastreamento - Google Tag Manager - Afiliart

Agora você precisa achar o código do botão para ser referenciado no GTM. Os códigos que que você vai trabalhar neste momento são: button ID e o button CLASS.

Tag de Rastreamento - Google Tag Manager - Afiliart

Volte para o GTM, agora você vai encontrar as opções para disparar o seu acionador. Para selecionar qual código disparar, você deve ver no seu site se ele contém mais botões, inspecionar quais são os códigos HTML que existem no botão e selecionar ID ou CLASS.

Neste momento você precisa copiar o código HTML ID ou CLASS do botão em questão e voltar para o GTM.

No GTM você seleciona a opção Alguns cliques, feito isso, selecione a opção que seja igual ao do código que você copiou, logo depois, marque a opção é igual a e por fim, cole o código na caixa ao lado. Clique em Salvar no canto superior direito para finalizar.

Tag de Rastreamento - Google Tag Manager - Afiliart

Sua tag de rastreamento no botão já está pronta. Para visualizar se ela está funcionando, clique na opção Visualizar no canto superior direito. Volte para o site que você acionou a tag e atualize a página.

Aqui você encontra as tag que estão sendo disparadas na página.

Tag de Rastreamento - Google Tag Manager - Afiliart

Você vai ver quais são as tags que estão disparadas no site, clique no botão que você acionou a tag e veja se ela vai aparecer na visualização.

Apareceu a sua tag?

Parabéns! Você acabou de disparar a tag de rastreamento no botão!

Volte para o GTM e saia do modo de visualização, clique em Ok para sair.

Para finalizar, clique em Enviar no canto superior direito da tela, depois em Publicar e por último em Continuar.

Feito! Sua Tag de rastreamento no botão já está funcionando!

Conclusão

É isso, dessa maneira sua tag de rastreamento já está instalada no botão que você escolheu no seu site, agora você poderá utilizá-lo da melhor maneira possível. Fazer esse tipo de traqueamento é muito importante para seu sucesso nos negócios online.

Uma dica é trabalhar sempre com públicos de remarketing para atingir a sua própria audiência. Essa estratégia costuma ter uma ótima taxa de conversão.

Por Dentro da Agência

Até o próximo tutorial.

🙂