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.

September 6, 2024 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.

Vá para Gerenciador de tags do Google

Step #2: Clique aqui e adicione um novo contêiner (adicione um contêiner no bloco da Agência SEMP e não no Projeto Exemplo). — Clique aqui e adicione um novo contêiner (adicione um contêiner no bloco da Agência SEMP e não no Projeto Exemplo).

Step #3: Clique em "Criar contêiner" — Clique em "Criar contêiner"

Step #4: Clique em "Web" — Clique em "Web"

Step #5: Digite o nome do contêiner nesse padrão: "[Web] nomedosite.com.br" — Digite o nome do contêiner nesse padrão: "[Web] nomedosite.com.br"

Step #6: Clique em "Criar" — 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.

Step #7: Clique em "OK" — Clique em "OK"

Depois disso, vamos voltar e criar um novo contêiner do servidor

Step #9: Clique aqui (lembre de criar na caixa da Agência SEMP) — Clique aqui (lembre de criar na caixa da Agência SEMP)

Step #10: Clique em "Criar contêiner" — Clique em "Criar contêiner"

Step #11: Clique em "Server" — Clique em "Server"

Step #12: Digite o nome do contêiner de acordo com esse padrão "[Stape] nomedosite.com.br" — Digite o nome do contêiner de acordo com esse padrão "[Stape] nomedosite.com.br"

Step #13: Clique em "Criar" — Clique em "Criar"

Step #14: Clique em "Provisionar automaticamente o servidor de tags" — Clique em "Provisionar automaticamente o servidor de tags"

Step #15: Clique em "Minha conta de faturamento" — Clique em "Minha conta de faturamento"

Step #16: Clique em "Selecionar conta de faturamento e criar servidor" — Clique em "Selecionar conta de faturamento e criar servidor"

Step #18: Selecione o contêiner Web — Selecione o contêiner Web

Step #19: Clique em "Administrador" — 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.

Step #20: Clique em "Importar contêiner" — Clique em "Importar contêiner"

Step #21: Clique em "Escolher arquivo do contêiner" — Clique em "Escolher arquivo do contêiner"

Step #22: Selecione o json WEB e clique em confirmar — 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".

Step #24: Clique no projeto server (Stape) — Clique no projeto server (Stape)

Step #25: Clique em "Administrador" — Clique em "Administrador"

Step #26: Clique em "Importar contêiner" — Clique em "Importar contêiner"

Step #27: Clique em "Escolher arquivo do contêiner" e selecione o json SERVER — Clique em "Escolher arquivo do contêiner" e selecione o json **SERVER**

Step #28: Clique em "Confirmar" — Clique em "Confirmar"

Step #30: Clique no contêiner Web — Clique no contêiner Web

Step #31: Clique em "Tags" — Clique em "Tags"

Step #32: Cliquem em "CHTML - setcookies - index" — 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.

Step #33: Altere o domínio, mantenha o . antes e salve (na parte de cima na direita) — Altere o domínio, mantenha o . antes e salve (na parte de cima na direita)

Step #34: Clique em "00❘ setCookie HTML GeoLoc" — 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.

Step #35: Altere o domínio 1, mantenha o . antes — Altere o domínio 1, mantenha o . antes

Step #36: Altere o domínio 2, mantenha o . antes — Altere o domínio 2, mantenha o . antes

Step #37: Altere o domínio 3, mantenha o . antes e salve (na parte de cima na direita) — Altere o domínio 3, mantenha o . antes e salve (na parte de cima na direita)

Step #38: Clique em "Variáveis" — Clique em "Variáveis"

Step #39: Cliquem em "0 | FB - Pixel" — 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.

Step #40: Cliquem em "Valor", substitua o código do Pixel e salve (na parte de cima na direita) — 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.

Vá para Google Analytics | Página inicial

Step #42: Vá para o projeto que está sendo configurado — Vá para o projeto que está sendo configurado

Step #43: Selecione a propriedade correta do projeto que está sendo configurado — Selecione a propriedade correta do projeto que está sendo configurado

Step #44: Clique em "Administrador" — Clique em "Administrador"

Step #45: Clique em "Coleta e modificação de dados" — Clique em "Coleta e modificação de dados"

Step #46: Clique em "Fluxos de dados" — Clique em "Fluxos de dados"

Step #48: Copie esse código — Copie esse código

Volte para Gerenciador de tags do Google

Step #50: Clique em "GA4 - ID" — Clique em "GA4 - ID"

Step #51: Clique em "Valor", cole o código e salve (na parte de cima na direita) — Clique em "Valor", cole o código e salve (na parte de cima na direita)

Step #52: Clique em "0 | transport_url" — Clique em "0 | transport_url"

Vá para Stape

Step #54: Cliquem no projeto que está sendo configurado em sGTM Containers — Cliquem no projeto que está sendo configurado em sGTM Containers

Step #55: Copie a URL do Domain name — Copie a URL do Domain name

Volte para Gerenciador de tags do Google

CERTIFIQUE-SE DE QUE EXISTE UMA BARRA NO FINAL (/), SE NÃO TIVER, COLOQUE!

Step #57: Clique em "Valor" e cole a url. CERTIFIQUE-SE DE QUE EXISTE UMA BARRA NO FINAL, SE NÃO COLOQUE! Depois disso, salve (na parte de cima na direita). — Clique em "Valor" e cole a url. **CERTIFIQUE-SE DE QUE EXISTE UMA BARRA NO FINAL, SE NÃO COLOQUE!** Depois disso, salve (na parte de cima na direita).

Não se esqueça da barra no final.

Step #58: Cliquem em "0❘ Visitor API Project ID" — Cliquem em "0❘ Visitor API Project ID"

Vá para https://www.visitorapi.com/

Tenha em mãos o login e senha da Agência SEMP. Caso não tenha, solicite ao responsável.

Step #61: Clique em "+ ADD PROJECT" — Clique em "+ ADD PROJECT"

Step #62: Digite o nome do projeto e apague o localhost — Digite o nome do projeto e apague o localhost

Step #63: Preencher os dados do site e adicionar dois domínios (a única diferença é o ponto “.” Antes da url). Exemplo:seusite.com.br.seusite.com.br — Preencher os dados do site e adicionar dois domínios (a única diferença é o ponto “.” Antes da url). Exemplo:

seusite.com.br
.seusite.com.br

Step #64: Clique em "CONTINUE" — Clique em "CONTINUE"

Tenha as informações do cartão a ser utilizado em mãos. Caso não tenha, solicite ao responsável.

Step #65: Selecione a opção "Pay as You Go", clique em "ACTIVATE SELECTED PLAN" e adicione as informações de pagamento — Selecione a opção "Pay as You Go", clique em "ACTIVATE SELECTED PLAN" e adicione as informações de pagamento

Step #66: Envie as instruções de instalação via Google Tag Manager para o responsável. — Envie as instruções de instalação via Google Tag Manager para o responsável.

Step #67: Clicar em “Settings”, adicione um Budget (comece com 1) e clique em “Submit” — Clicar em “Settings”, adicione um Budget (comece com 1) e clique em “Submit”

Step #68: Clique em "Home / Projeto Exemplo / Dashboards" — Clique em "Home / Projeto Exemplo / Dashboards"

Step #69: Copie o código referente ao projeto que está sendo configurado — Copie o código referente ao projeto que está sendo configurado

Volte para Gerenciador de tags do Google

Step #71: Clique em "Valor", cole o código e salve (na parte de cima na direita). — Clique em "Valor", cole o código e salve (na parte de cima na direita).

Step #72: Clique em "Enviar" — Clique em "Enviar"

Step #73: Clique em "Publicar" — Clique em "Publicar"

Step #74: Clique em "Pular" — Clique em "Pular"

Step #76: Clique no contêiner [Stape] (server) — Clique no contêiner [Stape] (server)

Step #77: Clique em "Variáveis" — Clique em "Variáveis"

Step #78: Clique em "Pixel Meta" — Clique em "Pixel Meta"

Step #79: Cole o código do Pixel — Cole o código do Pixel

Step #80: Clique em "0 | Token API Meta" — Clique em "0 | Token API Meta"

Step #81: Cole o código da API de conversões — Cole o código da API de conversões

Step #82: Clique em "Enviar" — Clique em "Enviar"

Step #83: Clique em "Publicar" — Clique em "Publicar"

Step #84: Clique em "Pular" — Clique em "Pular"

Parabéns, você concluiu esse guia!