O Google Tag Manager (GTM) é uma ferramenta poderosa e gratuita que facilita a gestão de tags de rastreamento em seu site ou aplicativo, sem a necessidade de mexer diretamente no código. Isso permite que profissionais de marketing e desenvolvedores implementem e gerenciem tags de forma eficiente, sem depender exclusivamente de equipes técnicas.
O Que é o Google Tag Manager?
O GTM é uma plataforma de gerenciamento de tags que permite adicionar e atualizar rapidamente trechos de código (tags) em seu site ou aplicativo móvel. Tags são pequenos códigos JavaScript que coletam informações sobre o comportamento do usuário, como cliques, visualizações de página e compras. Esses dados são então enviados para ferramentas de análise, como o Google Analytics, para serem analisados.
Vantagens do GTM
- Facilidade de Uso: Adicionar e gerenciar tags sem precisar modificar o código-fonte do site.
- Flexibilidade: Suporte a uma ampla variedade de tags de diferentes fornecedores.
- Eficiência: Reduz a dependência das equipes de desenvolvimento, permitindo uma implementação mais rápida de tags.
- Depuração e Testes: Ferramentas integradas para testar e depurar tags antes de publicá-las.
- Centralização: Gerenciamento de todas as tags em um único lugar, facilitando a manutenção e organização.
Guia Passo a Passo: Configuração Inicial do GTM
1. Criar uma Conta no GTM
- Acesse Google Tag Manager.
- Clique em "Começar gratuitamente".
- Faça login com sua conta Google.
- Preencha as informações da sua conta (nome da conta, nome do contêiner, tipo de plataforma).
- Clique em "Criar" e aceite os Termos de Serviço.
2. Configurar um Contêiner
- Após criar a conta, você será redirecionado para a tela de configuração do contêiner.
- Copie os snippets de código fornecidos (um para o
<head>
e outro imediatamente após a tag de abertura do<body>
do seu site). - Adicione esses snippets ao código do seu site conforme instruído:
-
- No
<head>
do HTML:<script async src="https://www.googletagmanager.com/gtm.js?id=SEU_ID_GTM"></script>
- Imediatamente após a tag de abertura do
<body>
:<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=SEU_ID_GTM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
- No
IMPORTANTE: Lembre-se de alterar "SEU_ID_GTM" pelo seu ID fornecido pelo GTM!
3. Instalar o Código GTM no Site
- Abra o editor de código do seu site.
- Cole o snippet do
<head>
na seção<head>
de todas as páginas do seu site. - Cole o snippet do
<body>
imediatamente após a tag de abertura<body>
em todas as páginas do seu site. - Salve e publique as alterações no seu site.
Configuração de Tags: Google Analytics
1. Adicionar o Google Analytics via GTM
- No GTM, clique em "Adicionar nova tag".
- Clique em "Configuração da Tag" e selecione "Google Analytics: Universal Analytics".
- Escolha o tipo de acompanhamento (normalmente "Page View").
- Em "Configurações do Google Analytics", clique em "Nova Variável" e insira seu ID de rastreamento do Google Analytics (por exemplo, UA-XXXXX-Y).
- Salve a variável e a tag.
2. Configurar Gatilhos
- Clique em "Adicionar um gatilho" e selecione "Todas as Páginas".
- Salve o gatilho.
3. Publicar a Tag
- Clique em "Salvar" e dê um nome à sua tag.
- Clique em "Enviar" e depois em "Publicar" para que as mudanças entrem em vigor.