Google Tag Manager: guia completo para iniciantes
Aprenda a instalar e usar o Google Tag Manager do zero: criação de conta, instalação no site, tags essenciais e boas práticas para gerenciar rastreamento sem programar.
O que é o Google Tag Manager e por que ele existe
Antes do Google Tag Manager existir, adicionar qualquer código de rastreamento em um site exigia abrir o código-fonte, inserir o script no lugar certo e publicar uma nova versão do site. Para cada tag nova, o processo se repetia. Para equipes de marketing que precisam de agilidade, depender de desenvolvimento para instalar um pixel era um gargalo real.
O Google Tag Manager resolve esse problema. É um sistema de gerenciamento de tags que funciona como um container: você instala o GTM uma única vez no site e, a partir daí, adiciona, modifica e remove qualquer código de rastreamento diretamente pelo painel do GTM, sem precisar de desenvolvimento.
Em termos práticos: instalar o Google Analytics 4, o Pixel da Meta, a tag de conversão do Google Ads, o LinkedIn Insight Tag e qualquer outro rastreamento passa a ser feito em minutos pelo GTM, sem uma linha de código no site.
A estrutura do GTM: contas, contêineres, tags, gatilhos e variáveis
Antes de começar, entenda os cinco conceitos centrais:
Conta: o nível mais alto. Geralmente uma conta por empresa. Pode ter múltiplos contêineres.
Contêiner: o objeto que você instala no site. Cada site ou aplicativo tem seu próprio contêiner. O contêiner tem um ID único no formato GTM-XXXXXXX.
Tag: o código que você quer executar no site. Pode ser o código do GA4, o Pixel da Meta, um script de chat, uma tag de conversão do Google Ads ou qualquer código JavaScript customizado.
Gatilho (Trigger): a condição que define quando a tag deve disparar. Exemplos: em todas as páginas, quando um formulário é enviado, quando um botão específico é clicado, quando o usuário rola 90% da página.
Variável: valores dinâmicos que as tags e gatilhos podem usar. Exemplos: URL da página atual, texto de um elemento clicado, valor de uma transação.
A lógica é sempre a mesma: uma tag dispara quando um gatilho é ativado, usando variáveis para passar informações dinâmicas.
Passo 1: criar a conta e o contêiner
Acesse tagmanager.google.com e faça login com a conta Google da empresa.
Clique em "Criar conta". Defina o nome da conta (nome da empresa) e o nome do contêiner (geralmente o domínio do site, como reacaodigital.com). Selecione a plataforma "Web".
Após criar, o GTM exibe o código de instalação: dois snippets de script
que precisam ser inseridos no HTML do site. O primeiro vai logo após a
abertura da tag <head> e o segundo logo após a abertura da tag <body>.
Em sites Next.js, adicione os snippets no arquivo app/layout.tsx usando
o componente Script do Next.js:
import Script from 'next/script'
// No <head> via next/head ou diretamente no layout:
<Script
id="gtm-head"
strategy="afterInteractive"
dangerouslySetInnerHTML={{
__html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');`
}}
/>
// Logo após <body>:
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style={{display:'none',visibility:'hidden'}} />
</noscript>
Substitua GTM-XXXXXXX pelo ID real do seu contêiner.
Passo 2: instalar o Google Analytics 4 via GTM
Com o contêiner instalado, a primeira tag a configurar é o GA4.
No painel do GTM, clique em "Tags" e depois em "Nova". Clique em "Configuração da tag" e selecione "Google Analytics: configuração do GA4".
No campo "ID de medição", insira o ID da propriedade GA4 (formato G-XXXXXXXXXX, encontrado em Administrador do GA4 no fluxo de dados Web).
Em "Acionamento", clique para adicionar um gatilho e selecione "All Pages" (Todas as páginas). Isso garante que o GA4 seja carregado em todas as páginas do site.
Salve a tag com um nome descritivo: "GA4 - Configuração Base".
Passo 3: instalar o Pixel da Meta via GTM
Ainda em "Tags", crie uma nova tag. Clique em "Configuração da tag" e selecione "HTML personalizado". Cole o código do Pixel da Meta no campo HTML.
O código do Pixel é encontrado no Gerenciador de Eventos da Meta em Fontes de dados > Pixel > Instruções de configuração > Instalar código manualmente.
Acionamento: "All Pages".
Salve como "Meta Pixel - Base".
Importante: o Pixel base sozinho só rastreia visualizações de página. Para rastrear eventos como cliques no WhatsApp ou envio de formulário, você precisará de tags adicionais de evento, conforme o passo 5.
Passo 4: instalar a tag de conversão do Google Ads
Para medir conversões dentro do Google Ads, você precisa de duas tags: a tag global do site (gtag.js) e as tags de evento de conversão específicas.
Crie uma nova tag do tipo "Conversão do Google Ads" (disponível na galeria nativa do GTM). Insira o ID de conversão e o rótulo encontrados em Google Ads > Ferramentas > Medição > Conversões > selecione a conversão
Marcar com Tag > Google Tag Manager.
Acionamento: crie um gatilho específico para cada conversão. Para um formulário enviado, crie um gatilho do tipo "Envio de formulário" que dispara quando o formulário da sua página de captura é enviado.
Passo 5: criar tags de evento para ações importantes
Além da instalação base, você precisa de tags para rastrear as ações que importam para o seu negócio.
Clique no WhatsApp:
Crie um gatilho do tipo "Clique, apenas links" com a condição: URL do clique contém "wa.me". Isso captura todos os cliques em links de WhatsApp no site.
Crie uma tag "GA4 - Evento" com nome do evento "generate_lead" e parâmetro method com valor "whatsapp". Acione com o gatilho criado.
Scroll até 90% da página:
Crie um gatilho do tipo "Profundidade de rolagem" com 90% vertical.
Crie uma tag "GA4 - Evento" com nome do evento "scroll_depth" e parâmetro percent_scrolled com valor "90". Útil para entender quais páginas prendem o usuário até o final.
Clique em botão específico:
Crie um gatilho do tipo "Clique, todos os elementos" com condição: Classe do elemento CSS contém o nome da classe do botão. Ou use o atributo "data-" para identificar o elemento.
Passo 6: testar tudo antes de publicar
O maior erro com o GTM é publicar sem testar. Use o modo Preview (botão "Visualizar" no canto superior direito do GTM) antes de qualquer publicação.
O Preview abre uma janela separada onde você navega pelo seu site normalmente. No painel do GTM, você vê em tempo real quais tags dispararam em cada interação, quais gatilhos foram ativados e quais não foram, e quais variáveis foram preenchidas.
Teste cada tag individualmente: Acesse cada página e confirme que o GA4 e o Pixel dispararam. Clique no botão de WhatsApp e confirme que o evento generate_lead disparou. Envie o formulário de teste e confirme que a tag de conversão disparou.
Só publique após confirmar que todas as tags disparam nos momentos certos.
Passo 7: publicar e versionar
Após os testes, clique em "Enviar" no canto superior direito. O GTM pede um nome e descrição para a versão. Use nomes descritivos: "v1 - Instalação GA4, Meta Pixel e conversões de formulário".
Esse histórico de versões é valioso. Se uma mudança quebrar algo, você pode reverter para uma versão anterior em segundos.
Boas práticas para manter o contêiner organizado
Nomenclatura consistente: use um padrão para nomear todas as tags, gatilhos e variáveis. Sugestão: [Ferramenta] - [Tipo] - [Descrição]. Exemplos: "GA4 - Evento - Clique WhatsApp", "Meta - Evento - Lead Formulário".
Pastas por ferramenta: o GTM permite criar pastas para organizar as tags. Crie uma pasta para GA4, uma para Meta, uma para Google Ads.
Não acumule tags sem uso: tags pausadas que nunca serão reativadas devem ser excluídas. Contêineres com dezenas de tags mortas dificultam a manutenção.
Documente tudo: use o campo de notas em cada tag para descrever o que ela faz e por que foi criada. Isso é indispensável para quem herda a gestão de um contêiner que não configurou.
Perguntas frequentes
O GTM substitui o código do GA4 no site? Sim. Se você instalar o GA4 via GTM, não precisa do código do GA4 diretamente no HTML do site. O GTM carrega o GA4. Mas se ambos estiverem instalados ao mesmo tempo (GTM e código direto), o GA4 vai disparar duas vezes e duplicar os dados.
O GTM afeta a velocidade do site? Minimamente quando configurado corretamente. O GTM usa carregamento assíncrono por padrão, o que significa que não bloqueia o carregamento da página. Contêineres com muitas tags pesadas ou mal configuradas podem ter impacto mensurável, mas uma instalação bem feita não compromete o Core Web Vitals.
Preciso de acesso ao código do site para instalar o GTM? Apenas para a instalação inicial dos dois snippets. Depois disso, todas as tags são gerenciadas pelo painel do GTM sem tocar no código do site. É exatamente esse o benefício principal da ferramenta.
Quantas pessoas podem ter acesso ao GTM? Ilimitadas. O GTM tem sistema de permissões com níveis de acesso: "Publicar" para quem pode colocar mudanças no ar, "Editar" para quem pode criar e modificar tags sem publicar, e "Visualizar" para quem só precisa ver os dados. Para equipes maiores, nunca dê acesso de "Publicar" para todos.
Quer ter o rastreamento completo do seu site configurado corretamente desde o início? Fale com a Reação Digital e implementamos o GTM, GA4 e todas as conversões do zero.
Reação Digital é uma agência de marketing de performance que combina estratégia, tecnologia e parceria real para gerar crescimento previsível.