Configuração do Google Tag Manager: Guia Passo a Passo
Aprenda a configurar o Google Tag Manager com este guia passo a passo. Inclui criação de contêineres, importação de arquivos e integração com Google Analytics e Facebook Pixel.
By Matheus Lage
Neste guia, vamos aprender como configurar o Google Tag Manager para um projeto web. Vamos criar contêineres, configurar tags e variáveis, e integrar com o Google Analytics e outras APIs. Este processo envolve a criação de contêineres web e server, a importação de arquivos de configuração, e a atualização de URLs e tokens.
Vamos também configurar o Facebook Pixel e a tag do Google Analytics 4 (GA4). Finalmente, vamos ajustar variáveis e tokens API para garantir que tudo funcione corretamente.
Vamos começar
Tenha em mãos o login e senha do Google Tag Manager da Agência SEMP. Caso não tenha, solicite ao responsável.
Clique aqui e adicione um novo contêiner (adicione um contêiner no bloco da Agência SEMP e não no Projeto Exemplo).
3
Clique em "Criar contêiner"
4
Clique em "Web"
5
Digite o nome do contêiner nesse padrão: "[Web] nomedosite.com.br"
6
Clique em "Criar"
Copie os dois códigos e printe a instrução da instalação do Google Tag Manager no site e envie para o desenvolvedor responsável.
7
Clique em "OK"
Depois disso, vamos voltar e criar um novo contêiner do servidor
8
Clique aqui
9
Clique aqui (lembre de criar na caixa da Agência SEMP)
10
Clique em "Criar contêiner"
11
Clique em "Server"
12
Digite o nome do contêiner de acordo com esse padrão "[Stape] nomedosite.com.br"
13
Clique em "Criar"
14
Clique em "Provisionar automaticamente o servidor de tags"
15
Clique em "Minha conta de faturamento"
16
Clique em "Selecionar conta de faturamento e criar servidor"
17
Clique aqui
18
Selecione o contêiner Web
19
Clique em "Administrador"
Tenha em mãos os dois arquivos .json que serão importados no Google Tag Manager. Caso não tenha, solicite ao responsável.
20
Clique em "Importar contêiner"
21
Clique em "Escolher arquivo do contêiner"
22
Selecione o json WEB e clique em confirmar
Vamos clicar em "escape". Fazer a mesma coisa: importar o arquivo "server". Clicar em "confirmar". Vamos criar um novo contêiner do server. O nome do contêiner vai ser "web-projeto-exemplo".
23
Clique aqui
24
Clique no projeto server (Stape)
25
Clique em "Administrador"
26
Clique em "Importar contêiner"
27
Clique em "Escolher arquivo do contêiner" e selecione o json SERVER
28
Clique em "Confirmar"
29
Clique aqui
30
Clique no contêiner Web
31
Clique em "Tags"
32
Cliquem em "CHTML - setcookies - index"
Altere o domínio do código. MUITO IMPORTANTE PRESTAR ATENÇÃO NO PONTO (.) ANTES DO DOMÍNIO, ELE PRECISA ESTAR ANTES.
33
Altere o domínio, mantenha o . antes e salve (na parte de cima na direita)
34
Clique em "00❘ setCookie HTML GeoLoc"
Altere os 3 domínios do código. MUITO IMPORTANTE PRESTAR ATENÇÃO NO PONTO (.) ANTES DO DOMÍNIO, ELE PRECISA ESTAR ANTES.
35
Altere o domínio 1, mantenha o . antes
36
Altere o domínio 2, mantenha o . antes
37
Altere o domínio 3, mantenha o . antes e salve (na parte de cima na direita)
38
Clique em "Variáveis"
39
Cliquem em "0 | FB - Pixel"
Tenha em mãos o ID do Pixel e a chave da API de conversões do Meta. Caso não tenha, solicite ao responsável.
40
Cliquem em "Valor", substitua o código do Pixel e salve (na parte de cima na direita)
Tenha em mãos o login e senha do GA4 para o projeto que está sendo criado. Caso não tenha, solicite ao responsável.