Como configurar o Google Tag Manager na HeroSpark
O Google Tag Manager (GTM) é um gerenciador de tags: em vez de instalar o código de cada ferramenta separadamente, você
instala um único container e, de dentro dele, dispara quantas tags quiser — conversão do Google Ads, GA4, remarketing,
pixels de terceiros.
Na HeroSpark, o container do GTM é carregado na página de obrigado do checkout, tanto na página padrão quanto na
personalizada. Além de carregar o container, a HeroSpark entrega os dados da compra para você usar dentro do GTM (valor,
forma de pagamento, origem da venda e dados do comprador), sem que você precise programar nada.
A configuração é feita por oferta. Se o seu produto tem mais de uma oferta e você quer medir todas, repita o processo em
cada uma.
Como criar sua conta e seu container no Google Tag Manager
1. Acesse tagmanager.google.com e faça login com sua conta Google;
2. Clique em Criar conta;
3. Em Configuração da conta, dê um nome para a conta (normalmente o nome da sua empresa ou do seu negócio) e selecione
o país;
4. Em Configuração do container, dê um nome para o container (por exemplo, o nome do seu produto) e, em Plataforma de
destino, selecione Web. Essa é a opção correta para checkout — não escolha iOS nem Android;
5. Clique em Criar e aceite os termos de uso;
6. O Google vai abrir uma janela com um código de instalação. Você não precisa desse código — a HeroSpark instala o
container por você. Feche a janela clicando em OK;
7. Copie o ID do container. Ele fica no topo da tela, ao lado do nome do container, e tem o formato GTM-XXXXXXX.
Como cadastrar o ID do container na HeroSpark
1. No menu lateral da HeroSpark, clique em Produtos e selecione o produto que você quer medir;
2. Acesse Configurações de vendas e depois a aba Ofertas;
3. Clique na oferta que você quer medir para editá-la;
4. Avance até a etapa Pixel de Rastreamento;
5. Role até a seção Google e ative a chave Habilitar Google Tag Manager;
6. No campo ID do container do GTM, cole o ID que você copiou (GTM-XXXXXXX);
7. Clique em Salvar.
Etapa Pixel de Rastreamento com a chave Habilitar Google Tag Manager ativada e o campo ID do container do GTM
Pronto! O container já está instalado na página de obrigado dessa oferta.
Publique seu container (esse passo é obrigatório)
Cadastrar o ID na HeroSpark faz o container carregar, mas o GTM só dispara as tags que estão em uma versão publicada. Se
você criar tags e não publicar, nada acontece.
1. No Google Tag Manager, crie suas tags normalmente (por exemplo, uma tag de conversão do Google Ads);
2. Clique em Enviar, no canto superior direito;
3. Dê um nome para a versão e clique em Publicar.
Como testar se está funcionando
1. No Google Tag Manager, clique em Visualizar, no canto superior direito;
2. Informe o link do seu checkout e clique em Conectar;
3. Faça uma compra de teste até chegar na página de obrigado;
4. Na janela do modo de visualização, selecione o evento purchase na coluna da esquerda e abra a aba Data Layer. Os
parâmetros da compra devem aparecer ali, e suas tags devem aparecer como Tags Fired.
Artigos relacionados
- Como configurar na Herospark o Pixel do Google Ads
- Como configurar o Google Analytics na HeroSpark