Antes de começar, temos uma informação importante sobre esse artigo:
- Por se tratar de uma plataforma externa, as imagens e vídeos contidas nesse tutorial são meramente ilustrativas e podem ser alteradas sem aviso prévio. Em caso de dúvidas, aconselhamos que você entre em contato com o suporte da ferramenta em questão.
Preparamos esse artigo para te ensinar o que é e como instalar o Google Tag Manager.
O Google Tag Manager é um gerenciador de tags. Isso significa que você vai gerenciar todas as tags do seu site dentro da ferramenta Tag Manager. Tags são scripts que você inclui em seu site.
O objetivo do Tag Manager é centralizar em um só local todos os códigos de tag que você deseja usar em suas páginas. Você consegue ativar e colocar no ar qualquer tag que esteja dentro do gerenciador de tag.
Depois de instalado o GTM em sua página, você pode instalar qualquer outra tag, como por exemplo, Analytics ou algum evento para mensurar um clique de um botão, sem precisar instalar esses códigos diretamente na sua página.
Instalando o código do Tag Manager, automaticamente o código GTM que está no seu site dispara todos os outros que estão dentro do gerenciador.
Ou seja, um código vai disparar todos os outros códigos que você inserir e não está limitado apenas ao Google, pode por exemplo, inserir o Pixel do Facebook também.
Índice:
- Criando o Google Tag Manager
- Configurando o GTM
- Inserindo os códigos em sua página no Hotmart Pages
- Extensão Google Tag Assistant
- Bônus
Criando o Google Tag Manager
1. Para configurar o TAG Manager, você precisa ter um e-mail cadastrado no gmail e acessar o site Google Tag Manager.
2. Logado e na tela do Gerenciador de Tags, está na hora de criar sua conta.
3. Clique em “Criar Conta”.
Configurando o GTM
Agora vamos configurar a conta.
1. No primeiro campo você irá colocar o nome da sua empresa. No exemplo, irei colocar “Pages”. Escolha o país.
2. Em “Configuração de Contêiner” há duas configurações que será necessário realizar:
- Nome do Contêiner; e
- Plataforma Segmentada
3. No campo “Nome do Contêiner”, você deverá colocar o nome do site em que você irá instalar o código. Neste exemplo irei colocar “Página Pages”.
Este campo não é da URL da sua página, ok? Apenas do nome. Recomendo colocar um nome que seja fácil de lembrar para saber em que site está instalado.
4. Na “Plataforma Segmentada” você irá escolher onde você irá usar.
Se for um site, você escolhe a opção “Web”. Se for um App será “iOS”, “Android” e por aí vai.
Como vamos instalar em uma página, será escolhida a opção “Web” e clicar em “Criar”.
5. O site vai mostrar os termos e condições. Pode clicar no box que aceita os termos e depois clique em “Sim”.
6. Quando terminar de carregar, ele já vai gerar e mostrar os códigos.
São dois códigos, pois há scripts que só funcionam se estiverem instalados no HEAD e outros apenas no BODY da sua página.
Então, obrigatoriamente, você precisa instalar os dois códigos na página conforme as instruções que o Google fornece.
Inserindo os códigos em sua página no Hotmart Pages
1. Acesse sua conta na plataforma pelo link: https://app-vlc.hotmart.com/login
2. No canto superior direito, clique no menu das 9 bolinhas e em seguida clique em "Criador de Páginas"
2. Clique em “Minhas páginas” e acesse a edição da página desejada.
3. Na edição da página, clique em “Configurações” > “Scripts”.
4. Você deve inserir os códigos nos campos indicativos de HEAD e BODY.
- Instalando o código no HEAD
1. Copie o primeiro código que deve ser instalado no HEAD, selecionado-o no Google Tag Manager;
2. Selecione “HEAD” e clique em “Adicionar Script no Head”.
Dê um nome para a Tag, aqui irei colocar “GTM” que é de Google Tag Manager, cole o código e clique em "Salvar".
Abaixo é mostrada uma mensagem de que a página foi salva com sucesso.
Importante: É sempre bom verificar se não há espaços no início e no final do código, pois, se houver, irá aparecer uma mensagem de erro no script e o código não será salvo.
- Instalando o código no BODY
Agora iremos fazer o mesmo procedimento de copiar e colar o código, desta vez com o que vai para o BODY da sua página.
1. Copie o segundo código que deve ser instalado no BODY, selecionando-o no Google Tag Manager;
2. Selecione “BODY” e clique em “Adicionar Script no Body”. Irei dar o mesmo nome “GTM”, cole o código e clique em "Adicionar".
3. Clique em Publicar para as configurações irem ao ar.
Voltando ao Gerenciador de Tags, você dará um “OK” no popup em que apareceram os códigos. Agora você já consegue administrar as Tags.
Se precisar pegar novamente o código para instalar em outras páginas, basta clicar no canto superior onde está o código do contêiner e já vai abrir o popup com os códigos.
Extensão Google Tag Assistant
Para verificar se o Google Tag foi instalado corretamente em sua página, basta instalar a extensão “Google Tag Assistant” do Google Chrome.
Ao fazer isso:
1. Acesse sua página;
2. Clique na extensão e clique em “Enable”;
3. Recarregue a página e, ao clicar na extensão, irá mostrar se o Google Tag foi instalado corretamente.
É importante lembrar que, uma vez instalado os códigos do GTM que são chamados de contêiner, qualquer coisa que você inserir neste contêiner vai ser disparado na sua página.
Bônus
Vou te mostrar como colocar o Google Analytics neste contêiner.
1. Acesse a página do Google Analytics https://analytics.google.com
2. Lembrando que é necessário estar logado. Vá em “Administrador”;
3. Clique em “Fluxo de Dados”;
4. Clique no seu domínio para pegar o código do Google Analytics.
5. Copie o "ID de Métrica";
Volte no Gerenciador de Tags, clique no menu lateral esquerdo em “Tags”.
Vamos adicionar a Tag do Google Analytics.
1. Clique em “Nova”. Coloque um nome fácil para identificar. Eu colocarei “Tag – Analytics”;
2. Clique em “Configuração da Tag” e irá mostrar algumas tags prontas. Como vamos inserir o código geral do Analytics, será “Google Analytics: Configuração do GA4”.
Clicando, ele já traz algumas informações. Esse código que pegamos é para visualização de página;
3. Em “Configurações da Tag”, cole o ID da métrica que foi copiado do Google Analytics e copie no campo “ID da Métrica”.
4. É importante adicionar um “Acionamento”, pois se não colocar, a tag não será disparada. Clique em “Acionamento”. Clique em “All Pages”.
5. Clique em "Salvar".
Lembre-se: você precisa clicar no botão “Enviar”, para que todas as configurações que foram realizadas sejam publicadas. Então, em qualquer alteração que fizer, é necessário clicar no “enviar” para publicar essas alterações.
6. Clique em "Enviar".
7. Coloque o nome da versão. Vou colocar “Tag do Google Analytics”, coloque o nome que você desejar.
No campo “Descrição da Versão” é possível colocar uma descrição dessa tag.
8. Clique em “Publicar”.
Pronto. Voltando à sua página publicada, clique para atualizar e você vai reparar que a extensão do Tag Assistant já mudou, ou seja, achou duas tags do Google. Ele encontrou o GTM e agora encontrou o Google Analytics.
Então, uma tag que é inserida através do Gerenciador de Tags do Google será disparada no seu site sem a necessidade de instalar outro código em sua página.
Tem alguma dúvida ou precisa de ajuda?
Se você já é cliente, nossos canais de atendimento estão disponíveis na própria plataforma. Ao efetuar o login na sua conta, basta clicar no botão de ajuda (?) localizado no canto superior direito.
Se você ainda não é cliente e não encontrou resposta para sua dúvida aqui na nossa Central de Ajuda, pode nos enviar um email através do formulário, clicando aqui.
*Imagens meramente ilustrativas. O painel dentro da plataforma pode sofrer alterações de acordo com novas atualizações.