Instalar o Google Tag Manager é a primeira tarefa técnica de qualquer medição e a mais simples de todas: dois trechos de código, colados uma vez, em todas as páginas. O que complica é a variedade de plataformas: em um site HTML é copiar e colar; em WordPress depende de tema ou plugin; em construtores como Wix e Hostinger há um campo específico; em sites gerados por IA, como os do Lovable, o código vai no arquivo principal.
Este tutorial cobre o caminho completo: criar o contêiner, instalar em cada tipo de site, verificar se está funcionando, publicar a primeira tag (o GA4) e evitar o erro mais comum, que é medir tudo em dobro.
O que é preciso antes de instalar o Google Tag Manager
Três coisas: uma conta Google da empresa, acesso ao código ou ao painel do site e, de preferência, o plano de tagueamento. Sem a primeira, o GTM fica na conta errada; sem a segunda, não há como colar o código; sem a terceira, instala-se o GTM e ninguém sabe o que fazer com ele.
- Conta Google da empresa: um e-mail institucional ou um Gmail criado para a empresa, com senha guardada pelo dono. Fornecedores entram como usuários.
- Acesso ao site: arquivos (HTML), painel de administração (WordPress), editor (Wix, Hostinger, Framer) ou projeto (Lovable, Bolt).
- Plano de tagueamento: a lista do que será medido, como em o que é tagueamento de site.
- ID do GA4 (G-XXXX): se a propriedade já existe; se não, cria-se logo depois.
Como criar a conta e o contêiner do Google Tag Manager
- Acessar tagmanager.google.com e entrar com a conta Google da empresa.
- Clicar em "Criar conta". Nome da conta: nome da empresa. País: Brasil.
- Configuração do contêiner: nome do contêiner = domínio do site (exemplo: www.empresa.com.br). Plataforma de destino: Web.
- Clicar em "Criar" e aceitar os termos de serviço.
- Uma janela mostra os dois trechos de código. O primeiro, maior, vai no head; o segundo, com a tag noscript, vai no body. Copiar os dois.
- Anotar o ID do contêiner (GTM-XXXXXXX), visível no topo do painel.
Dica
Se a janela com os códigos fechar, eles ficam disponíveis em Administrador › Instalar o Google Tag Manager.
Onde colar o código do Google Tag Manager no HTML
Em um site de arquivos HTML (feito à mão, exportado de um gerador de código ou produzido por um assistente como o ChatGPT), o código vai direto nas páginas.
- Abrir cada arquivo .html em um editor de texto.
- Colar o primeiro trecho logo após a abertura da tag head, antes de qualquer outro script. O Google recomenda "o mais alto possível" no head.
- Colar o segundo trecho (noscript) imediatamente após a abertura da tag body.
- Salvar e enviar os arquivos para a hospedagem.
- Repetir em todas as páginas. Em sites com dezenas de páginas, uma busca e substituição em massa no editor resolve.
Exemplo de posição
A estrutura fica assim: abertura do html, abertura do head, meta charset, código do GTM (primeiro trecho), demais metas, title, estilos, fechamento do head, abertura do body, código do GTM (segundo trecho), conteúdo da página. O primeiro trecho é o que importa para a medição; o segundo cobre navegadores sem JavaScript e pode ser omitido em sites estáticos sem prejuízo prático.
Erro comum
Colar o código apenas no index.html. Cada página é um arquivo; cada arquivo precisa do código. Sem isso, o GA4 mostra visitas só na home e o tráfego das páginas internas desaparece.
Como instalar o Google Tag Manager no WordPress
No WordPress há três caminhos. O mais seguro para quem não programa é o plugin; o mais limpo para quem tem acesso ao tema é editar o header.
| Caminho | Como | Vantagem | Cuidado |
|---|---|---|---|
| Plugin de GTM | Instalar um plugin específico (ex.: "GTM4WP"), colar o ID do contêiner, salvar | Não exige código; sobrevive a atualizações do tema | Mais um plugin; escolher um bem mantido |
| Plugin de inserção de código | Plugins de "header e footer" com campos para head e body | Serve para outros códigos também | Mesmo cuidado com manutenção |
| Edição do tema | Colar nos arquivos header.php (head e body) de um tema filho | Sem plugin | Atualização do tema pode apagar; use tema filho |
| Campo do tema | Muitos temas premium têm campos "código no head/body" nas configurações | Simples e sem plugin extra | Depende do tema |
Verificar duplicidade
Antes de instalar, conferir se já não existe um GTM ou um GA4 inserido por outro plugin, pelo tema ou pelo Site Kit. Dois contêineres ou GA4 fora e dentro do GTM duplicam os dados.
Como instalar o Google Tag Manager no Wix, na Hostinger e em outros construtores
Construtores não dão acesso ao HTML, mas quase todos têm um lugar para colar códigos externos ou uma integração nativa.
| Plataforma | Onde | Observação |
|---|---|---|
| Wix | Configurações › Integrações de marketing › Google Tag Manager (colar o ID) ou "Código personalizado" (colar os trechos) | Integração nativa disponível em planos pagos com domínio próprio |
| Hostinger Website Builder | Configurações do site › Integrações › Google Tag Manager (colar o ID) | Também aceita GA4 direto; escolher um só caminho |
| Framer | Configurações do site › General › Custom Code (campos para head e body) | Colar os dois trechos |
| Webflow | Project settings › Custom code (head e body) | Planos pagos |
| Duda | Configurações › Head HTML / Body end HTML | Colar os dois trechos |
| Squarespace | Configurações › Avançado › Injeção de código | Planos pagos |
| Shopify e similares | Tema › Editar código › theme.liquid | Fora do escopo deste blog |
Regra geral
Se a plataforma tem integração nativa com o GTM (campo para o ID), usar a integração. Se não tem, usar o campo de código personalizado com os dois trechos. Nunca os dois ao mesmo tempo.
Como instalar o Google Tag Manager em um site feito por IA
Sites gerados por IA se dividem em dois casos. Construtores com IA (Hostinger, Wix, Framer) seguem a tabela anterior. Geradores de código (Lovable, Bolt, v0) produzem um projeto em React ou HTML, e o código vai no arquivo principal.
- Lovable e similares: pedir à própria ferramenta, em texto: "adicione o código do Google Tag Manager com o ID GTM-XXXXXXX no index.html, o primeiro trecho no head e o noscript no body". Conferir o arquivo gerado.
- HTML gerado pelo ChatGPT, Gemini ou Claude: pedir ao assistente que insira o código em todas as páginas, ou colar manualmente como no HTML comum.
- Projetos React/Next exportados: o código vai no arquivo de layout raiz (index.html, _document ou layout), para carregar em todas as rotas.
O guia para quem está fazendo o site dessa forma está em como fazer um site com IA.
Como testar se o Google Tag Manager está instalado
Instalar sem testar é a origem da maior parte dos problemas de medição. Três testes, em ordem.
- Modo de visualização do GTM: no painel, clicar em "Visualizar", informar a URL do site e conectar. O Tag Assistant abre o site e mostra "Connected". Navegar por duas ou três páginas internas e confirmar que o contêiner aparece em todas.
- Extensão Tag Assistant Companion: instalar no Chrome, abrir o site e verificar o ID do contêiner detectado.
- Código-fonte: abrir o site, clicar com o botão direito › "Exibir código-fonte" e procurar por "GTM-". Deve aparecer uma vez no head e uma vez no body, em cada página.
Sinais de problema
- O Tag Assistant não conecta: código não está na página ou está em uma página só.
- Dois IDs GTM diferentes: contêiner duplicado.
- GTM e G-XXXX fora do GTM na mesma página: GA4 duplicado.
O roteiro completo de verificação, inclusive do GA4, está em como saber se o Google Analytics está funcionando.
Como publicar a primeira tag: o Google Analytics 4 pelo GTM
O GTM instalado e vazio não mede nada. A primeira tag é sempre o GA4.
- Se ainda não existe, criar a propriedade GA4 em analytics.google.com e copiar o ID de métricas (G-XXXXXXXXXX).
- No GTM, ir em Tags › Nova › Configuração da tag › "Google: Tag do Google".
- Colar o ID (G-XXXX) no campo "ID da tag".
- Em Acionamento, escolher "Initialization - All Pages" (ou "All Pages").
- Nomear a tag ("GA4 - Config") e salvar.
- Clicar em "Visualizar", abrir o site, navegar e conferir que a tag dispara em todas as páginas.
- No GA4, abrir Relatórios › Tempo real e confirmar a própria visita.
- Voltar ao GTM e clicar em "Enviar" › "Publicar", com uma descrição da versão ("Instalação do GA4").
Depois do GA4
Com o GA4 no ar, o passo seguinte são os eventos de conversão: cliques no WhatsApp, formulário, telefone. O primeiro e mais importante está em como rastrear cliques no WhatsApp no Google Analytics.
Checklist de instalação do Google Tag Manager
Antes de dar a instalação por concluída, passar pelos 16 itens abaixo. Cada um corresponde a um problema real que aparece semanas depois, quando os dados já estão errados.
Conta e acesso
- A conta do GTM está em um e-mail da empresa, não do fornecedor.
- O dono da empresa tem permissão de administrador.
- Fornecedores e agência estão como usuários com o nível adequado.
- O ID do contêiner (GTM-XXXX) está anotado no documento do site.
Código
- O primeiro trecho está no head de todas as páginas, inclusive páginas internas, blog, políticas e página 404.
- O segundo trecho está logo após a abertura do body (quando aplicável).
- Não há outro GTM na página (procurar "GTM-" no código-fonte: deve aparecer um único ID).
- Não há tag do GA4 (G-XXXX) fora do GTM.
- Em WordPress e construtores, o cache foi limpo após a inserção.
Funcionamento
- O modo de visualização conecta e mostra o contêiner em pelo menos três páginas diferentes.
- A tag do GA4 está criada, dispara em All Pages e aparece no Tempo real do GA4.
- O contêiner foi publicado (a versão aparece em "Versões" com data).
- O teste foi repetido no celular.
Depois
- O plano de tagueamento existe em uma planilha com evento, acionador, parâmetros, destino e responsável.
- Os eventos de conversão (WhatsApp, formulário, telefone) estão agendados para a próxima etapa, com data.
- O aviso de cookies e o modo de consentimento estão previstos.
Como verificar o item 5 em sites grandes
Em sites com dezenas de páginas, conferir o código uma a uma é inviável. Dois atalhos: usar um rastreador gratuito (como o Screaming Frog na versão sem custo, até 500 URLs) com busca personalizada pelo ID do contêiner, que lista as páginas em que o GTM aparece e as em que não aparece; ou, no Search Console, comparar o número de páginas indexadas com o número de páginas que registram visitas no GA4 em 30 dias. Páginas indexadas sem nenhuma visita registrada costumam estar sem a tag. Em sites construídos com um único cabeçalho compartilhado (WordPress, construtores, HTML com include), a inserção vale para todas as páginas de uma vez; em HTML puro, cada arquivo precisa ser conferido.
| Item que mais falha | Consequência | Quando aparece |
|---|---|---|
| GTM só na home | Tráfego das internas desaparece dos relatórios | Primeira análise por página |
| GA4 dentro e fora do GTM | Visitas em dobro, taxa de conversão pela metade | Comparação com o Search Console |
| Contêiner não publicado | Nenhum dado chega | Fim do primeiro mês |
| Conta do fornecedor | Empresa perde a medição ao trocar de fornecedor | Troca de agência |
Erros comuns ao instalar o Google Tag Manager
- Código só na home: páginas internas sem medição.
- GA4 fora e dentro do GTM: cada visita vale duas.
- Dois contêineres GTM: por plugin e por código, ou por integração e por campo personalizado.
- Código no fim da página: funciona, mas perde visitas de quem sai antes do carregamento completo.
- Contêiner vazio publicado: instalou e nunca criou tag; o site segue sem medição.
- Conta pessoal do fornecedor: a empresa perde o acesso quando a relação termina.
- Não publicar: tag criada e testada, mas o botão "Enviar" nunca foi clicado; o site continua sem a tag.
- Cache: em WordPress e construtores, o código colado pode demorar a aparecer; limpar o cache antes de testar.
Perguntas sobre instalar o Google Tag Manager
Como instalar o Google Tag Manager no site
Criando conta e contêiner em tagmanager.google.com, copiando os dois trechos de código e colando o primeiro no head e o segundo no início do body de todas as páginas; depois, testar e publicar a tag do GA4.
Onde colocar o código do Google Tag Manager
O primeiro trecho o mais alto possível dentro do head; o segundo (noscript) logo após a abertura do body. Em todas as páginas.
Preciso colocar os dois códigos do GTM
O primeiro é o essencial. O segundo cobre navegadores sem JavaScript e pode ser omitido em sites estáticos sem prejuízo prático, mas o padrão é colocar os dois.
Como instalar o GTM no WordPress
Por plugin específico (colando o ID), por plugin de inserção de código, por campo do tema ou editando o header.php de um tema filho.
Como instalar o GTM no Wix ou na Hostinger
Pela integração nativa, colando o ID do contêiner nas configurações de integrações, ou pelo campo de código personalizado.
Como saber se o GTM está instalado
Pelo modo de visualização do GTM, pela extensão Tag Assistant ou procurando "GTM-" no código-fonte da página.
Posso instalar o GA4 e o GTM juntos
O GA4 deve ser instalado por dentro do GTM, como uma tag. Instalar os dois em paralelo duplica os dados.
O GTM instalado já mede alguma coisa
Não. Ele só mede depois que a primeira tag (o GA4) é criada e publicada.
Resumo · como instalar o Google Tag Manager no site
- Antes: conta Google da empresa, acesso ao site, plano de tagueamento.
- Criar: conta, contêiner Web, copiar os dois trechos, anotar o GTM-XXXX.
- HTML: primeiro trecho alto no head, segundo após o body, em todas as páginas.
- WordPress: plugin de GTM, plugin de código, campo do tema ou header.php em tema filho.
- Construtores: integração nativa (ID) ou código personalizado; nunca os dois.
- Sites por IA: pedir à ferramenta para inserir no arquivo principal.
- Testar: visualização, Tag Assistant, código-fonte.
- Primeira tag: Tag do Google com o G-XXXX, All Pages, tempo real, publicar.
- Erros: só na home, duplicidade, contêiner vazio, não publicar, conta errada.
Instalar o Google Tag Manager é rápido; o valor vem do que se publica dentro dele e do cuidado em não duplicar. O Grupo KOP entrega cada site com o GTM instalado, testado e com os eventos de conversão publicados, e usa essa medição para operar campanhas, como mostra a página de Google Ads. O próximo passo é rastrear os cliques no WhatsApp.
