O Google pede para você instalar o código do Google Tag Manager detro da tag <head> do site. Essa prática deixa a página mais rápida, pois desacelera o carregamento do site. Por isso, nós a deixamos no fim do <body-end> para que ele carregue por último.
É mais fácil copiar o código em um único local.
Adicionar Gerenciador de tags do Google
O Google fornecerá incorporações de código semelhantes aos exemplos abaixo. Ambos precisam ser instalados no <body-end> do site.
Para localizar a tag <body-end> do site, no painel lateral do editor clique em Configurações > Head HTML.
Nota
O código abaixo é apenas um exemplo e não deve ser copiado para o seu site. Peça o código correto para o Google.
Seção de script
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->
Seção NoScript
Atenção
Esta etapa é essencial para permitir o rastreamento do Gerenciador de Tags do Google no seu site.
1º Vamos substituir o acionador padrão de exibição de página Todas as Páginas por um Evento personalizado.
2º Dentro do GTM precisamos primeiro criar o acionador do Evento personalizado.
✓ Acesse Gerenciador de Tags do Google e faça login.
✓ À esquerda, clique em Acionadores.
✓ No lado direito, clique no botão Novo.
✓ No canto superior esquerdo, digite um Nome para o acionador. Recomendamos algo fácil de lembrar, como Acionador personalizado de exibição de página.
✓ Clique na caixa de Configuração do acionador personalizado e selecione Evento Personalizado.
3º Na caixa do nome do evento, digite dPageView.
4º Clique em Salvar no Gerenciador de Tags.
Após criar o acionador, precisamos aplicá-lo às tags que queremos. Isso precisa ser feito em todas as tags usadas no site para acionar um evento de exibição de página.
Neste exemplo, aplicamos ao Google Analytics Universal.
1º No Gerenciador de Tags, acesse tags.
2º Crie uma nova tag.
3º Digite um nome fácil de lembrar.
4º Clique na caixa Configuração de Tag e selecione a tag a ser usada. Neste caso, é o Google Analytics Universal.
5º Após configurar a tag, clique na caixa Acionamento. Escolha o Evento personalizado que criamos Acionador de exibição de página personalizado.
Nota
Se o acionador Todas as Páginas já estiver sido aplicado, apague-o. Precisamos apenas do acionador personalizado.
Selecione uma nova variável.
1º Selecione Configurações do Google Analytics.
2º Informe o ID de rastreamento do GA e digite um nome para a variável no topo.
3º Selecione a variável e clique em Salvar.
Após fazer essas alterações no Gerenciador de Tags, clique nos botões de Enviar e Publicar as alterações.
✓ Esse código será executado apenas no site publicado ativo. Recomendamos testar a versão ativa.
✓ Concluímos testes exaustivos e a seção body-end.html do Modo de Desenvolvedor funciona para adicionar o código noscript e o código padrão.
✓ Não altere a configuração "dataLayer" do Gerenciador de Tags do Google, pois isso invalida nosso código de integração personalizado.
Link com passo a passo de como configurar merchant center https://support.duda.co/hc/pt-br/articles/360061888633-Google-Shopping