📝 Conteúdo desta aula
Bem-vindo à Aula: Como Instalar o Google Tag Manager no seu Site!
Olá, pessoal! Que bom ter você aqui para mais uma aula do nosso curso de Google Tag Manager e Analytics. Hoje, vamos dar um passo fundamental: aprender a criar sua conta e container no Google Tag Manager e, o mais importante, instalar o código dele no seu site. Pode parecer um bicho de sete cabeças, mas eu prometo que, com as minhas explicações, você vai ver como é simples e essencial para o sucesso da sua presença online.
O Google Tag Manager, ou GTM, é uma ferramenta poderosa que funciona como um "controle remoto" para todas as tags (códigos de rastreamento) do seu site. Em vez de você ter que mexer no código do seu site toda vez que quiser adicionar uma tag do Google Analytics, do Google Ads, do Facebook Pixel ou qualquer outra, você faz tudo isso diretamente pelo GTM. Isso economiza tempo, evita erros e te dá muito mais autonomia.
Criando sua Conta e Container no Google Tag Manager
O primeiro passo para começar a usar o GTM é criar uma conta e, dentro dela, um container. Pense na conta como a sua empresa ou o seu negócio, e no container como um "pacote" de tags específico para um site, um blog ou um aplicativo. Você pode ter vários containers dentro de uma mesma conta, cada um para um projeto diferente.
1. Acessando o Google Tag Manager
- Abra o seu navegador (recomendo o Google Chrome) e vá até o Google.
- Digite "Google Tag Manager" na barra de pesquisa e pressione Enter.
- Geralmente, o primeiro resultado (que não seja anúncio) será o link oficial:
tagmanager.google.com. Clique nele. - Se você já estiver logado na sua conta Google (Gmail), o GTM vai abrir a tela principal. Se não, ele pedirá para você fazer login.
2. Configurando sua Nova Conta
Ao acessar o GTM pela primeira vez (ou se você já tiver contas, procure pelo botão "Criar Conta"), você verá uma tela para configurar sua nova conta. Vamos preencher os campos:
- Nome da Conta: Coloque o nome da sua empresa, do seu negócio ou até mesmo seu nome pessoal, se for um projeto individual. Por exemplo: "Minha Empresa Digital" ou "Blog do João".
- País: Selecione o país onde sua empresa ou negócio está localizado. No nosso caso, "Brasil".
- Compartilhar dados anonimamente com o Google e outros: Esta é uma opção para ajudar o Google a melhorar a ferramenta. Fica a seu critério marcar ou não. Para iniciantes, não faz diferença no funcionamento.
3. Detalhes do Container (Onde as Tags Vão Morar)
Depois de configurar a conta, você precisará criar o primeiro container:
- Nome do Container: Aqui, você deve dar um nome que identifique o site ou aplicativo que este container vai gerenciar. Por exemplo: "Site Principal", "Blog da Empresa", "E-commerce de Roupas". Se você tiver um blog e um site principal, pode criar um container para cada um.
- Plataforma de Destino: Esta é uma escolha muito importante! Para a maioria dos nossos projetos, que envolvem sites e blogs, você vai selecionar "Web". Existem outras opções como iOS, Android e AMP (páginas mobile aceleradas), mas para começar, o "Web" é o que precisamos.
Após preencher tudo, clique em "Criar". O Google Tag Manager vai pedir para você aceitar os Termos de Serviço. Leia e aceite. Pronto! Seu container foi criado e você verá uma tela com dois códigos de instalação.
Instalando o Código do GTM no seu Site
Agora que você tem seu container, o próximo passo é "conectar" ele ao seu site. Isso é feito inserindo dois pequenos trechos de código (scripts) nas páginas do seu portal. É crucial que esses códigos sejam instalados corretamente para que o GTM possa funcionar e rastrear as informações.
1. Entendendo os Códigos de Instalação
Ao criar o container, o GTM te apresenta dois blocos de código:
- Primeiro Bloco (
<head>): Este código deve ser colocado o mais alto possível dentro da seção<head>do HTML do seu site. Ele é responsável por carregar o GTM de forma assíncrona, ou seja, sem atrasar o carregamento da página. - Segundo Bloco (
<body>): Este código deve ser colocado imediatamente após a tag de abertura<body>. Ele serve como um mecanismo de fallback (alternativa) para navegadores mais antigos ou em situações onde o JavaScript está desativado.
A parte mais importante desses códigos é o seu ID de Container, que tem o formato GTM-XXXXXXX (onde XXXXXXX são letras e números). Guarde bem esse ID, pois ele será muito útil!
2. Métodos de Instalação: Manual ou Via Plugin
Existem basicamente duas formas de instalar esses códigos no seu site:
- Instalação Manual: Você edita diretamente o código HTML do seu tema ou template, inserindo os scripts nos locais indicados. Este método exige um pouco mais de conhecimento técnico e acesso aos arquivos do site.
- Instalação Via Plugin: Se o seu site utiliza um sistema de gerenciamento de conteúdo (CMS) como o WordPress, você pode usar um plugin específico que simplifica muito a instalação. Esta é a forma mais recomendada para iniciantes.
3. Instalando com Plugin (Exemplo: WordPress)
Para quem usa WordPress, a instalação via plugin é a maneira mais fácil e segura. Vamos usar um plugin muito popular e eficiente:
- Acesse o painel administrativo do seu site WordPress (
seusite.com.br/wp-admin). - No menu lateral, vá em "Plugins" > "Adicionar Novo".
- Na barra de pesquisa de plugins, digite "Google Tag Manager for WordPress" (ou "GTM4WP").
- Procure pelo plugin desenvolvido por Thomas Geiger. Ele é um dos mais completos e confiáveis.
- Clique em "Instalar Agora" e, em seguida, em "Ativar".
- Após a ativação, o plugin geralmente cria uma nova opção no menu lateral ou em "Configurações". Procure por "Google Tag Manager" ou "GTM4WP".
- Ao abrir as configurações do plugin, você verá um campo para inserir o seu ID do Google Tag Manager. Volte à tela do GTM, copie o seu ID (aquele GTM-XXXXXXX) e cole neste campo.
- Salve as alterações.
Pronto! O plugin se encarregará de inserir os dois códigos do GTM nos locais corretos do seu tema WordPress, sem que você precise mexer em uma linha de código.
4. Instalando Manualmente (Para Outras Plataformas)
Se você não usa WordPress ou prefere a instalação manual, o processo é o seguinte:
- Acesse os arquivos do seu site via FTP ou o painel de controle da sua hospedagem.
- Localize o arquivo que contém o cabeçalho (geralmente
header.phpem temas WordPress, ou um arquivo.htmlou.phpque define o layout principal). - Abra o arquivo para edição.
- Cole o primeiro bloco de código do GTM logo após a tag de abertura
<head>. - Cole o segundo bloco de código do GTM logo após a tag de abertura
<body>. - Salve o arquivo e faça o upload de volta para o servidor, se necessário.
É importante ter cuidado ao editar arquivos do tema, pois um erro pode desconfigurar seu site. Se tiver dúvidas, procure a documentação da sua plataforma ou um desenvolvedor.
Conclusão: Seu GTM Está Pronto para Rastrear!
Parabéns! Você acaba de dar um passo gigantesco para ter um controle muito maior sobre o rastreamento do seu site. Com o Google Tag Manager instalado, você está pronto para adicionar e gerenciar todas as suas tags de marketing e análise de forma centralizada e eficiente. Nas próximas aulas, vamos explorar como adicionar as primeiras tags e começar a coletar dados valiosos para o seu negócio.
Fique ligado e até a próxima!
Perguntas Frequentes sobre a Instalação do Google Tag Manager
O que é um container no Google Tag Manager?
Um container no Google Tag Manager é como um "pacote" de tags e configurações que você cria para um projeto específico, como um site, um blog ou um aplicativo. Dentro de uma mesma conta GTM, você pode ter vários containers, cada um gerenciando as tags de um projeto diferente.
Preciso de um container para cada site que eu tiver?
Sim, é altamente recomendado que você crie um container GTM separado para cada site, blog ou aplicativo que você deseja gerenciar. Isso ajuda a manter a organização, evitar conflitos de tags e garantir que os dados de rastreamento sejam coletados corretamente para cada propriedade.
Posso instalar o GTM sem usar um plugin no WordPress?
Sim, é possível instalar o Google Tag Manager manualmente no WordPress (ou em qualquer outra plataforma) editando os arquivos do tema. Você precisaria colar os dois trechos de código do GTM diretamente no arquivo header.php (ou equivalente) do seu tema, um dentro da tag <head> e outro após a tag <body>. No entanto, para iniciantes, o uso de um plugin é mais simples e seguro.
Qual a diferença entre "conta" e "container" no GTM?
A "conta" no Google Tag Manager representa a sua organização ou negócio (por exemplo, sua empresa). Dentro de uma conta, você pode criar um ou mais "containers". Cada container é específico para uma propriedade digital (como um site ou aplicativo) e contém as tags e configurações de rastreamento para aquela propriedade. Pense na conta como a sua pasta principal e nos containers como subpastas para cada projeto.
Por que preciso instalar dois códigos do GTM no meu site?
Você precisa instalar dois códigos por questões de performance e compatibilidade. O primeiro código, colocado no <head>, é o método principal e assíncrono para carregar o GTM, garantindo que ele não atrase o carregamento da página. O segundo código, colocado logo após o <body>, serve como um mecanismo de fallback (alternativa) para garantir que o GTM funcione mesmo em navegadores mais antigos ou se o JavaScript estiver desativado, embora com funcionalidades limitadas.