Google Tag Manager: o que é e como instalar no site

Publicado em pela equipe do UTM Builder, na Limner.

O Google Tag Manager (GTM, chamado de Gerenciador de tags na interface em português) é onde você configura as tags do site: GA4, Google Ads, pixel da Meta e outras. Você instala o código do GTM uma vez e, dali em diante, adiciona e muda tags pela interface, sem editar o código do site a cada mudança.

Contêiner, tags, acionadores e variáveis

GTM e GA4 não são a mesma coisa

O GA4 é a propriedade do Google Analytics, onde os dados chegam. O GTM é a ferramenta que coloca as tags no site, e uma delas pode ser a tag do Google com o ID do GA4, que começa com G-. Um não substitui o outro: o GTM é um caminho para instalar o GA4.

O outro caminho é colar a tag do Google (gtag.js) direto no código. A diferença, segundo o Google: a gtag.js exige escrever código e só envia dados para produtos do Google; o GTM envia também para tags de terceiros e personalizadas, sem editar o código. Se o GTM já está no site, não é preciso instalar a gtag.js à parte.

Como criar a conta e o contêiner

  1. Acesse https://tagmanager.google.com e entre com a sua Conta do Google.
  2. Na guia Contas, clique em Criar conta.
  3. Dê um nome à conta e escolha o país.
  4. Em Configuração do contêiner, use o endereço principal do site como nome e escolha o tipo Web.
  5. Clique em Criar e aceite os Termos de Serviço.

A conta é o nível da empresa. O contêiner é o site. Para outro site, crie outro contêiner na mesma conta.

Onde colar os dois trechos de código

Na guia Espaço de trabalho, clique no ID do contêiner. A caixa Instalar o Gerenciador de tags do Google mostra dois blocos de código, que vão em todas as páginas do site:

Na mesma caixa, digite o endereço do site e clique em Testar para conferir a instalação. Se o site é feito em WordPress, Shopify, Wix ou outro criador de sites, o Google indica usar a integração da plataforma, que dispensa mexer no código de cada página.

Se o site usa dataLayer, declare antes do trecho do contêiner, no alto do código, e depois só acrescente dados com dataLayer.push:

window.dataLayer = window.dataLayer || [];

Como colocar o GA4 dentro do GTM

  1. No GA4, em Administrador, Coleta e modificação de dados, Fluxos de dados, abra o fluxo do site e copie o ID que começa com G-.
  2. No GTM, crie uma tag nova do tipo Tag do Google e cole o ID em ID da tag.
  3. Em Acionamento, escolha Inicialização: todas as páginas.

Como testar no modo de visualização (Tag Assistant)

  1. Na guia Espaço de trabalho, clique em Visualizar, no canto superior direito. O Tag Assistant abre numa guia nova.
  2. Digite o endereço do site e clique em Conectar. O site abre e aparece como Conectado no canto inferior direito.
  3. Volte à guia do Tag Assistant, clique em Continuar e navegue pelo site. A tela mostra quais tags dispararam, em que ordem e que dados enviaram.

O modo de visualização roda o rascunho do contêiner como se estivesse publicado, só no navegador em que você ativou. Os visitantes comuns não veem nada. Se alguma página quebrar com o parâmetro de depuração no endereço, desmarque Incluir o sinal de depuração no URL.

Como publicar uma versão

  1. Na guia Espaço de trabalho, clique em Enviar, no canto superior direito.
  2. Em Configuração de envio, escolha Publicar e criar versão.
  3. Dê um nome e uma descrição à versão, dizendo o que mudou.
  4. Clique em Publicar.

Criar versão, sem publicar, só salva. Cada versão é um retrato do contêiner num momento, e dá para voltar a uma versão anterior se algo der errado.

Erros comuns

Fontes oficiais