O que é e como instalar o Google Tag Manager?

O objetivo do Google Tag Manager é facilitar a automatização, gestão e inserção de tags de monitoramento dentro de um site.

É uma plataforma para gerenciar e configurar vários pontos de monitoramento dentro do seu site de um só lugar.

No vídeo abaixo, vamos explicar o que é e como instalar o GTM em suas páginas.

O Google Tag Manager é um gerenciador de tags. Isso significa que você vai gerenciar todas as tags do seu site dentro do Tag Manager.

Tags são scripts que você inclui em seu site.

O objetivo do Tag Manager é centralizar em um só local todos os códigos de tag que você deseja usar em suas páginas. Você consegue ativar e colocar no ar qualquer tag que esteja dentro do gerenciador de tag.

Depois de instalado o GTM em sua página, você pode instalar qualquer outra tag, como por exemplo, Analytics ou algum evento para mensurar um clique de um botão, sem precisar instalar esses códigos diretamente na sua página.

Instalando o código do Tag Manager, automaticamente o código GTM que está no seu site dispara todos os outros que estão dentro do gerenciador.

Ou seja, um  código vai disparar todos os outros códigos que você inserir e não está limitado apenas ao Google, pode por exemplo, inserir o Pixel do Facebook também.

Índice:

• Criando o Google Tag Manager
  
• Configurando o GTM
  
• Inserindo os códigos em sua página no Pages
• Extensão Google Tag Assistant
  
• Bônus

Criando o Google Tag Manager

1. Para configurar o TAG Manager, você precisa ter um e-mail cadastrado no gmail e acessar o site Google Tag Manager.

https://tagmanager.google.com

2. Logado e na tela do Gerenciador de Tags, está na hora de criar sua conta.

3. Clique em “Criar Conta”.

Configurando o GTM

Agora vamos configurar a conta.

1. No primeiro campo você irá colocar o nome da sua empresa. No exemplo, irei colocar “Pages”. Escolha o país.

2. Em “Configuração de Contêiner” há duas configurações que será necessário realizar:

• Nome do Contêiner; e
• Plataforma Segmentada

3. No campo “Nome do Contêiner”, você deverá colocar o nome do site em que você irá instalar o código. Neste exemplo irei colocar “Página Pages”.

Este campo não é da URL da sua página, ok? Apenas do nome. Recomendo colocar um nome que seja fácil de lembrar para saber em que site está instalado.

4. Na “Plataforma Segmentada” você irá escolher onde você irá usar.

Se for um site, você escolhe a opção “Web”. Se for um App será “iOS”, “Android” e por aí vai.

Como vamos instalar em uma página, será escolhida a opção “Web” e clicar em “Criar”.

5. O site vai mostrar os termos e condições. Pode clicar no box que aceita os termos e depois clique em “Sim”.

6. Quando terminar de carregar, ele já vai gerar e mostrar os códigos.

São dois códigos, pois há scripts que só funcionam se estiverem instalados no HEAD e outros apenas no BODY da sua página.

Então, obrigatoriamente, você precisa instalar os dois códigos na página conforme as instruções que o Google fornece.

Inserindo os códigos em sua página no Pages

1. Faça Login na plataforma através do link https://art.klickpages.com.br/users/sign_in

2. Clique em “Minhas páginas” e acesse a edição da página desejada.

3. Na edição da página, clique em “Configurações Avançadas” > “Scripts”.

Você deve inserir os códigos nos campos indicativos de HEAD e BODY.

• Instalando o código no HEAD

1. Copie o primeiro código que deve ser instalado no HEAD, selecionado-o no Google Tag Manager;

2. Selecione “HEAD” e clique em “Adicionar Script no Head”.

Dê um nome para a Tag, aqui irei colocar “GTM” que é de Google Tag Manager, cole o código e clique em "Adicionar".

Abaixo é mostrada uma mensagem de que a página foi salva com sucesso.

Importante: É sempre bom verificar se não há espaços no início e no final do código, pois, se houver, irá aparecer uma mensagem de erro no script e o código não será salvo.

• Instalando o código no BODY

Agora iremos fazer o mesmo procedimento de copiar e colar o código, desta vez com o que vai para o BODY da sua página.

1. Copie o segundo código que deve ser instalado no BODY, selecionado-o no Google Tag Manager;

2. Selecione “BODY” e clique em “Adicionar Script no Body”. Irei dar o mesmo nome “GTM”, cole o código e clique em "Adicionar".

3. Clique em Publicar para as configurações irem ao ar.

Voltando ao Gerenciador de Tags, você dará um “OK” no popup em que apareceram os códigos. Agora você já consegue administrar as Tags.

Se precisar pegar novamente o código para instalar em outras páginas, basta clicar no canto superior onde está o código do contêiner e já vai abrir o popup com os códigos.

Extensão Google Tag Assistant

Para verificar se o Google Tag foi instalado corretamente em sua página, basta instalar a extensão “Google Tag Assistant” do Google Chrome.

Ao fazer isso:

1. Acesse sua página;
2. Clique na extensão e clique em “Enable”;

3. Recarregue a página e, ao clicar na extensão, irá mostrar se o Google Tag foi instalado corretamente.

É importante lembrar que, uma vez instalado os códigos do GTM que são chamados de contêiner, qualquer coisa que você inserir neste contêiner vai ser disparado na sua página.

Bônus

Vou te mostrar como colocar o Google Analytics neste contêiner.

1. Acesse a página do Google Analytics https://analytics.google.com
2. Lembrando que é necessário estar logado. Vá em “Administrador”;
3. Clique em “Fluxo de Dados”;

4. Clique no seu domínio para pegar o código do Google Analytics.

5. Copie o "ID de Métrica";

Volte no Gerenciador de Tags, clique no menu lateral esquerdo em “Tags”.

Vamos adicionar a Tag do Google Analytics.

1. Clique em “Nova”. Coloque um nome fácil para identificar. Eu colocarei “Tag – Analytics”;

2. Clique em “Configuração da Tag” e irá mostrar algumas tags prontas. Como vamos inserir o código geral do Analytics, será “Google Analytics: Configuração do GA4”.

Clicando, ele já traz algumas informações. Esse código que pegamos é para visualização de página;

3. Em “Configurações da Tag”, cole o ID da métrica que foi copiado do Google Analytics e copie no campo “ID da Métrica”.

4. É importante adicionar um “Acionamento”, pois se não colocar, a tag não será disparada. Clique em “Acionamento”. Clique em “All Pages”.

5. Clique em "Salvar".

Lembre-se: você precisa clicar no botão “Enviar”, para que todas as configurações que foram realizadas sejam publicadas. Então, em qualquer alteração que fizer, é necessário clicar no “enviar” para publicar essas alterações.

6. Clique em "Enviar".

7. Coloque o nome da versão. Vou colocar “Tag do Google Analytics”, coloque o nome que você desejar.

No campo “Descrição da Versão” é possível colocar uma descrição dessa tag.

8. Clique em “Publicar”.

Pronto. Voltando à sua página publicada, clique para atualizar e você vai reparar que a extensão do Tag Assistant já mudou, ou seja, achou duas tags do Google. Ele encontrou o GTM e agora encontrou o Google Analytics.

Então, uma tag que é inserida através do Gerenciador de Tags do Google será disparada no seu site sem a necessidade de instalar outro código em sua página.

Se tiver dúvidas, entre em contato com nosso Suporte.