Google Tag Manager na loja virtual: o que é, quando usar e a primeira configuração

Para quem precisa de mais controle, o texto aponta dois caminhos. O primeiro é o Gerenciador de tags, marcado como recomendado. O segundo é a gtag.js, o código em JavaScript, uma linguagem de programação, com que o desenvolvedor adiciona as tags do Google direto no código do site. A ajuda chama a gtag.js de framework e, no título, escreve “a tag do Google (gtag.js)”. Na leitura do ConnectWeek, a diferença está em quem instala e em quanto personaliza: a tag do Google sozinha entra pela integração da plataforma ou é colada no site sem ajustes, e a gtag.js é o caminho do desenvolvedor que escreve código para medições sob medida. A tabela resume a comparação feita ali.

A loja não precisa das duas formas ao mesmo tempo. Carregar a tag do Google pelo Gerenciador equivale, segundo a ajuda, a colar o código da gtag.js no site, e quem já usa o Gerenciador não precisa acrescentar a gtag.js. Na avaliação do ConnectWeek, a tag do Google resolve para a loja que anuncia só no Google, mede só pelo GA4 e se contenta com as métricas padrão. O Gerenciador passa a compensar quando entram códigos de outras empresas ou quando a loja troca de campanha e de ferramenta com frequência. Um exemplo de código de outra empresa é o Pixel da Meta, cuja instalação está em Pixel da Meta e API de Conversões: como instalar e conferir.

O que decidir antes de instalar?

A página Considerações que devem ser feitas antes da instalação pede três decisões: quem administra, como os sites se organizam e quais tags são necessárias.

Quem administra. Com um administrador só, a empresa pode perder o acesso às tags se essa pessoa ficar indisponível. A recomendação é ter pelo menos mais um. O texto pede também que a conta seja gerenciada por alguém da organização, e não por uma agência externa. Quando há agência, a empresa cria a conta do Gerenciador e adiciona a Conta do Google da agência como usuário.

Como organizar. A orientação é uma conta do Gerenciador por organização e, como prática recomendada, um contêiner para cada domínio. Há uma exceção: se a navegação do cliente e as tags atravessam mais de um domínio, um contêiner único para todos funciona melhor. O aviso que acompanha a exceção é que a publicação de um contêiner aplica todas as alterações de uma vez, em todos os domínios que ele atende.

Quais tags. O site que já tem tags precisa de um levantamento de todas elas e de um plano de migração. Nessa etapa, segundo a ajuda, pode ser necessário um desenvolvedor. A visão geral do Gerenciador de tags recomenda migrar todas as tags de uma só vez, sem tornar isso obrigatório, e informa que o Gerenciador dispara as tags migradas junto com as que continuam fora dele. Para o ConnectWeek, daí vem um risco: a tag que ficar ao mesmo tempo no código do site e no contêiner dispara duas vezes. A conclusão é do portal, não das páginas lidas.

Como criar a conta e o contêiner?

O roteiro está na página Criar uma conta e um contêiner.

1. Entrar em tagmanager.google.com com uma Conta do Google.
2. Na guia “Contas”, escolher “Criar conta”.
3. Dar um nome à conta e selecionar o país. O compartilhamento anônimo de dados com o Google e com outros é opcional.
4. Dar um nome ao contêiner. Para um site, o roteiro pede o endereço principal, no formato www.example.com. Um contêiner serve ao site inteiro, não a cada página.
5. Escolher o tipo de contêiner. “Web” é o tipo para sites e aparece marcado como o mais comum. Os outros são iOS, Android, AMP e Servidor.
6. Clicar em “Criar” e aceitar os Termos de Serviço.

Como instalar o contêiner no site?

A instalação exige acesso ao código do site, requisito listado na página Instalar um contêiner da Web. No painel, a guia “Espaço de trabalho” mostra a identificação do contêiner, que começa com “GTM”. O clique nela abre a janela de instalação, com dois blocos de código para colocar em cada página do site.

• O primeiro bloco vai no <head>, o mais alto possível.
• O segundo vai logo depois da abertura do <body>.

Na explicação do ConnectWeek, o <head> é o cabeçalho do código da página, a parte que o visitante não vê, e o <body> é o conteúdo exibido. A mesma janela tem um campo para testar: a loja digita o endereço do site e clica em “Testar”.

A ajuda traz uma observação para o site feito em criador de sites ou em CMS, e cita WordPress, Shopify e Wix. Nesses casos, a tag do Google pode ser configurada por uma integração, sem alterar o código de cada página. A observação fala da tag do Google, não do contêiner do Gerenciador. Na avaliação do ConnectWeek, a loja hospedada em plataforma deve conferir na ajuda do fornecedor se existe um campo para o código do Gerenciador ou só a integração com a tag do Google.

Como adicionar a primeira tag?

A página Adicionar a tag do Google no Google Tag Manager usa a própria tag do Google como primeira tag do contêiner.

1. Na guia “Espaço de trabalho”, abrir “Tags” e clicar em “Nova”.
2. Trocar “Tag sem título” por um nome que identifique a tag.
3. Em “Configuração da tag”, escolher o tipo “Tag do Google” e preencher o campo “ID da tag” com o identificador dela. O roteiro não mostra onde achar o identificador e remete a outro texto de ajuda, sobre a configuração da tag do Google.
4. Em “Acionamento”, selecionar o acionador “Inicialização: todas as páginas”.
5. Salvar.

A loja que já tinha tags de configuração do GA4 no contêiner não precisa refazê-las. Elas foram convertidas automaticamente na tag do Google, de acordo com a página O Gerenciador de tags e a tag do Google (gtag.js), e as tags de eventos do GA4 não mudaram. Os eventos de compra que a loja deve enviar estão em vendas no GA4: quais eventos de e-commerce enviar e como conferir.

Como testar antes de publicar?

Salvar a tag não a põe no ar. O que foi salvo fica em rascunho, e o teste é feito no modo de visualização e depuração. Na explicação do ConnectWeek, depuração é a procura de erros. A página Visualizar e depurar contêineres explica que, nesse modo, a pessoa navega pelo próprio site como se o rascunho já estivesse em uso.

1. Na guia “Espaço de trabalho”, clicar em “Visualizar”. O Assistente de tags do Google abre em outra guia.
2. Digitar o endereço do site e clicar em “Conectar”. O site abre em uma janela nova, com o aviso “Conectado”.
3. Voltar à guia do Assistente e clicar em “Continuar” para abrir a interface de depuração.
4. Navegar pelo site e conferir, na interface, quais tags dispararam, em que ordem e com quais dados.

A interface de depuração aparece só no navegador em que o modo foi ativado, e os visitantes do site não a veem. Para mostrar o teste a um colega ou à agência, o Assistente gera um endereço de visualização, na opção “Compartilhar” do menu “Mais ações”. Se o site apresentar defeito durante o teste, a ajuda sugere desmarcar a caixa “Incluir o sinal de depuração no URL”, porque alguns sites não aceitam o parâmetro extra no endereço.

Como publicar e como voltar atrás?

O caminho da publicação, descrito em Verificar e publicar tags, está resumido aqui em quatro passos.

1. Na guia “Espaço de trabalho”, clicar em “Enviar”.
2. Selecionar “Publicar e criar versão”. A opção “Criar versão” guarda as mudanças sem publicá-las.
3. Preencher o nome e a descrição da versão. A opção “Histórico de atividades” mostra as mudanças feitas desde a versão anterior.
4. Clicar em “Publicar”.

Na avaliação do ConnectWeek, o nome e a descrição são o que permite achar depois a alteração que causou um problema. A página Publicações, versões e aprovações define a versão como o retrato da configuração do contêiner em um momento. Cada publicação registra uma versão, e o contêiner novo já nasce com a “Versão 1: contêiner em branco”.

Para voltar atrás, a loja usa a lista de versões do contêiner. Em “Versões”, escolhe uma versão anterior e a publica de novo, ou a define como a mais recente para continuar a edição a partir dela. A coluna “Publicada” mostra quando cada versão foi ao ar, e o histórico de publicação registra quem publicou. Uma etapa de aprovação antes da publicação existe só no Google Tag Manager 360, a edição incluída no Google Marketing Platform. Nela, o usuário com acesso de edição ou superior pede a aprovação da publicação, e um usuário com acesso de aprovação ou de publicação decide.

O que conferir depois da primeira publicação?

A lista abaixo é do ConnectWeek e retoma pontos das seções anteriores. O quarto item remete a outro artigo do portal.

• A tag que foi para o contêiner saiu do código do site? O Gerenciador dispara as tags dele junto com as que ficaram fora.
• A conta tem pelo menos dois administradores, e pelo menos um é da própria empresa?
• Cada versão publicada tem nome e descrição que explicam o que mudou?
• O banner de cookies está ligado às tags? A configuração pelo Gerenciador está em modo de consentimento do Google: como configurar.