A Ferramenta do Google Tag Manager ou GTM é um gerenciador de tags que facilita muito na organização dos códigos externos que precisam ser instalados no nosso site. Essa ferramenta possibilita integrar outros serviços como Chat, Pixels, Códigos de uma maneira simples e fácil, seja no seu site, blog, E-commerce e mais.
O processo de criação e configuração da conta é bem fácil e rápido de ser feito, por isso, separamos neste artigo as principais informações para você configurar certinho o seu GTM. Veremos a seguir:
- O que é o Google Tag Manager?
- Os principais Benefícios do GTM
- Como criar sua conta no Google Tag Manager?
- Como adicionar o Google Tag Manager no meu Site?
- Como verificar se o Google Tag Manager foi configurado corretamente?
O que é o Google Tag Manager?
O Google Tag Manager é uma ferramenta 100% gratuita do Google, onde o usuário consegue inserir apenas um único código em seu site, aplicativo e depois gerenciar todas as instalações dos serviços sem precisar mexer nesse código.
Basicamente é uma ferramenta onde você instala o código do GTM e posteriormente a isso, começa a gerenciar todos os outros códigos por dentro da ferramenta, sem precisar poluir o código fonte do seu site.
Quando centralizamos todos os código no GTM, além de melhorar a organização, a área de marketing ganha muita autonomia e melhora a sua produtividade. Além disso, os custos com Tecnologia acabam diminuindo, já que não é necessário um programador para mexer no GTM.
Os principais Benefícios do GTM
São múltiplos benefícios que o Google Tag Manager oferece para a sua produtividade e empresa. Além disso, quem utiliza a ferramenta, acaba nunca mais abandonando ela.
Esses são alguns dos benefícios em utilizar o Google Tag Manager:
- Facilidade em Gerenciar os Códigos Externos do Site;
- Economiza custos com Desenvolvedores;
- Configuração simplificada;
- Permite gerenciar múltilplos sites em uma conta;
- Ferramenta de testes dentro do próprio GTM.
Como criar sua conta no Google Tag Manager?
O processo de criação de conta do Google Tag Manager é bem simples, todo o processo de criação da conta e propriedade não leva nem 5 minutos. Comece acesando a sua conta no Google e depois siga as instruções a seguir.
Siga o passo a passo para criar sua conta:
- Acesse o site do Google Tag Manager;
- Faça o Login na sua Conta do Google ou Crie uma;
- Acesse a opção “Todas as Contas” no lado superior esquerdo;
- Clique em “Criar Conta”;
- Informe o Nome da Conta;
- Selecione o País de origem da Conta;
- Insira o Nome do Container, no caso a URL do seu site;
- Escolha qual tipo de plataforma você está utilizando: Web, IOS, Android, AMP, Server (Se for um site, selecione a opção WEB)
- Clique em “Criar”;
Prontinho, agora é só aceitar o Contrato de Termos de Serviço do Gerenciador de tags do Google e clicar em “Sim” no canto superior direito da tela. O próximo passo é instalar o GTM no seu Website, que é o que veremos a seguir.
Como adicionar o Google Tag Manager no meu Site?
Assim que criarmos a conta no GTM, não acaba por ai. Precisaremos configurar os códigos do “Head” e “Body” fornecidos pela plataforma, dentro do nosso site, para começar a disparar as tags configuradas.
O processo de configuração é simples e separamos de duas maneiras diferentes. Uma para Wordpress e a outra para a inserção dos trechos de código direto no código fonte do site.
Como adicionar o Google Tag Manager no Wordpress
Para adicionar os códigos do GTM no wordpress vamos precisar instalar um plugin. O nome desse plugin é “Insert Headers and Footers”. Siga o passo a passo para configurar o GTM no Wordpress:
- Baixe o Plugin “Insert Headers and Footers”;
- Instale o Plugin no seu painel administrativo;
- Ative o Plugin;
- Procure no painel por: Code Snippets > Header and Footer;
- Insira o Código Head fornecido no GTM na aba “Header” do plugin;
- Insira o Código Body fornecido pelo GTM na aba “Body” do Plugin;
- Clique em “Salvar Mudanças”.
Como adicionar o Google Tag Manager no Site via Código Fonte
Caso o seu site não possua um Painel Administrativo, será necessário inserir o código do GTM diretamente no código fonte. Para isso, será necessário o apoio de um desenvolvedor ou conhecimento em HTML. Siga o passo a passo para adicionar o código do Google Tag Manger no seu código:
- Abra o código fonte do seu site, utilizando um editor de código;
- Copie o Código “Head” Fornecida no GTM e insira na Tag “Head” do seu código fonte;
- Copie o Código “Body” Fornecido pelo GTM e insira ele dentro da Tag “body” do seu código;
- Salve as alterações;
Como mostra na imagem acima o código Head foi inserido anteriormente ao fechamendo da tag </Head>. Já o código fornecido pelo GTM para o Body, foi inserido no início da abertura da tag <Body> do código do site.
Verificando se o GTM foi configurado corretamente no site
A maneira mais fácil de verificar se o Google Tag Manger está funcionando corretamente no seu site é através da Extensão do Google Chrome “Google Tag Assistant”. Com ela, conseguimos visualizar todas as tags e códigos que estão acionando no nosso site.
Siga o passo a passo para verificar se o Google Tag Manager está funcionando no seu site:
- Instale a Extensão “Google Tag Assistant” no seu Navegador;
- Abra o seu site e clique na Extensão na sua barra de navegação;
- Atualize o site e clique na Opção “Enable” da extensão;
- Atualize novamente o site e aguarde alguns segundos;
- Caso o Google Tag Manager esteja funcionando, a tag aparecerá na Extensão como mostra a imagem abaixo.
Conclusão
Utilizar o Google Tag Manager é uma mão na roda para quem trabalha com Mídia Paga. Caso você esteja procurando uma maneira fácil e rápida de inserir códigos ou tag no seu site, sem dúvidas o GTM pode facilitar a sua jornada e agregar muito no seu trabalho.
