Google Tag Manager: Guia para iniciantes


Se você está querendo aprender a utilizar o Google Tag Manager, mas não sabe por onde iniciar, esse post é para você!

A seguir mostraremos o passo a passo de como:

  • Criar um container no Google Tag Manager;

  • Criar sua primeira TAG;

  • Conectar com o Google Analytics.


1 - Criando um container


A primeira coisa a se fazer é acessar o site do Google Tag Manager e logar com a sua conta do Google. Após logado, você ira se deparar com essa tela:


guia-gtm-iniciante- contas.png


Agora precisamos criar seu primeiro container.

Clicando no botão "Criar conta" você é redirecionado para está tela:


adicionar-uma-nova-conta--guia-gtm-iniciante.png


via GIPHY


Wooow! quantas opções, né? Bem, vamos com calma passando por cada uma delas.


Configuração da conta


nome-da-conta-guia-gtm-iniciante.gif


Nome da conta : Coloque o nome da sua empresa.


pais--guia-gtm-iniciante.png


País: Selecione seu país.


guia-gtm-iniciante-compartilhar.png


Marque essa opção caso deseje compartilhar os dados de forma anônima com o Google.


Nome do contêiner: Coloque a url do seu site.


plataforma-seguimentada--guia-gtm-iniciante.png


Plataforma segmentada: Selecione o tipo do seu container. Como queremos criar um container para um site, vamos selecionar o tipo Web.


Pronto!


criar--guia-gtm-iniciante.png


Clique em Criar para seguirmos para a ultima etapa da criação do container.


termo-serviço--guia-gtm-iniciante.png


Você verá uma tela igual a essa.


idioma--guia-gtm-iniciante.png


Selecione o idioma desejado.


guia-def-iniciante-gtm.png


Marque a opção que indica que você aceita os Termos de Processamento de Dados


yes-no-guia-definitivo-gtm-inicidante.png


Selecione Sim e finalmente você terá seu container criado!


2 - Fazendo o Google Tag Manager funcionar


intalar-google-tag-manager--guia-gtm-iniciante.png


Bem, não é simplesmente criar um container, criar uma tag e conectá-la ao Google Analytics para o Google Tag Manager magicamente funcionar. Essa tela, com esses 2 códigos, é exatamente o que você precisa passar para seu desenvolvedor. Com esses 2 códigos, o Google Tag Manager será implementado no seu site.


Caso tenha fechado sem querer essa tela no GTM, deixarei a explicação da implementação do Google Tag Manager abaixo.



Implementação do Google Tag Manager


A implementação do Google Tag Manager é composta por 2 trechos de código, que devem ser implementados dentro do seu código-fonte: sendo uma um trecho dentro da tag e outra um trecho imediatamente após a abertura da tag . É importante ressaltar que essa instalação deve ser realizada em todas as páginas do seu web site.


Tag que deve ser implementada dentro da tag < HEAD >


cod1-guia-gtm.png


Tag que deve ser implementada dentro do < BODY >


cod-head-guia-gtm.png


Substitua o GTM-xxxxxx para o código do seu container.


codigo-do-seu-container-guia-gtm-iniciante.png


3 - Conectando ao Google Analytics


Bem, antes de criarmos nossa primeira tag, precisamos configurar no Google Tag Manager a nossa variável de conexão com o Google Analytics:


variaveis-guia-gtm.png


No menu lateral, selecione Variáveis.


variaveis-definidas-guia-gtm-iniciante.png


Variáveis definidas pelo usuário: Clique em Nova


Untitled (2).png


Clique em cima do ícone da peça de lego.


meu.gif


Escolha o tipo de variável: Vá para Utilitários e selecione Configurações do Google Analytics.


configuracaode-variavel-guia-gtm-iniciante.png


ID de acompanhamento: Coloque a UA da propriedade do Google Analytics que você deseja conectar com o Google Tag Manager


Localizando a UA do Google Analytics


ga-guia-gtm-iniciante.png


Vá no seu GA e no canto superior esquerdo clique em Todas as contas.


Ga (1).png


Pesquise por qual propriedade você deseja conectar ao Google Tag Manager e copie a UA dessa propriedade. No meu caso, será a UA-60290206-19


Voltando para o Google Tag Manager


ga-configuracao-guia-gtm-iniciante.png


Após preencher o ID de acompanhamento, nomeia essa variável para googleAnalyticsConfig e clique em Salvar.


Feito isso, você já tem sua variável de conexão com o Google Analytics.


4 - Criando sua primeira Tag


menu-lateral-guia-gtm-iniciantes.png


Com a variável googleAnalyticsConfig criada, volte para Visão geral.


Untitled (4).png


Clique em Nova Tag


configurar-tag-acionamento-guia-gtm-iniciante.png


Iremos criar uma tag de pageView, que servirá para capturar a visualização de todas as páginas do seu site.


Nomeando a Tag


ga-pageview-guia-gtm-iniciante.png


Aqui na MB, gostamos de sempre seguir um padrão na nomenclatura das Tags, como no exemplo acima. O nosso padrão funciona da seguinte forma:


GA: Tipo da Tag.


PAGEVIEW: Tipo de acompanhamento da Tag.


ALL PAGES: Acionador da tag (nesse caso, ela será acionada em all pages/todas as paginas).


Configuração da tag


configuracao-tag-guia-gtm-iniciante.png


Clique no ícone da bandeira para começarmos com a configuração da tag.


Untitled (5).png


Escolha o tipo de tag: Selecione Google Analytics: Universal Analytics.


Lembra daquele GA no nome da tag? Se refere exatamente a essa parte, onde selecionamos o tipo da tag.


configuracao-tag-acionamento-guia-gtm-iniciante.png


Com o tipo da tag escolhido, você devera ver uma tela igual a essa.


visualizacao-pagina-guia-gtm-iniciante.png


Tipo de acompanhamento: Selecione Visualização de página


Lembra daquele PAGEVIEW no nome da tag? Se refere exatamente a essa parte, onde selecionamos o tipo de acompanhamento da tag.


configuracao-ga-guia-gtm-iniciante.png


Configurações do Google Analytics: Lembra daquela variável chamada googleAnalyticsConfig que criamos? Selecione ela para que os dados na nossa tag seja enviado para o Google Analytics.


Acionamento


acionamento-guia-gtm-iniciante.png


Clique no ícone dos 2 círculos se sobrepondo.


escolha-um-acionador-guia-gtm-iniciante.png


Escolha um acionador: Selecione All Pages.


Lembra daquele ALL PAGES no nome da tag? Se refere exatamente a essa parte, onde selecionamos o acionador da tag.


allpages-guia-gtm-iniciante.png


Agora é só clicar em Salvar.


5 - Testando sua primeira tag


guia-gtm-iniciante.png

No canto superior direito, clique em Visualizar.


conect-tag-assistance-guia-gtm-iniciante.png


Coloque a URL do site no qual você implementou o Google Tag Manager e clique em Connect


pg-guia-gtm.png


O site será carregado junto com o parâmetro do debug do Google Tag Manager.


summary-guia-gtm-iniciante.png


Além do site com o parâmetro do debug do Google Tag Manager, outra página também será carregada, chamada "Tag Assistant". Se a sua tela carregar igual a minha (claro, com a referência do seu site e seu código do GTM), mostrando que a tag GA - PAGEVIEW - ALL PAGES foi disparada (Tags Fired) então você criou sua primeira tag com sucesso!


Parabéns! Você deu seu primeiro passo para iniciar no mundo do Tagueamento


via GIPHY


Caso sua Tag não tenha disparado, você pode rever o post ou acessar nosso Métricas Boss Prime, onde disponibilizamos mais de 300h conteúdo sobre Digital Analytics.



Dúvidas? Comentários? Sugestões?


Mande um e-mail para gente contato@metricasboss.com.br, até a próxima 😄


Nos siga no Instagram @metricasboss

Inscreva-se aqui no nosso canal do Youtube


50 profissionais de Analytics e Métricas que você precisa acompanhar!
Esse material foi criado com o intuito de contribuir ainda mais na divulgação de conhecimento relacionado a analytics e métricas.

Métricas Boss: © 2021 - Versão 4.0Web Analytics é mais que um gráfico bonitinho!