Sobre o Gerenciador de tags
Com o Gerenciador de tags do Google, um sistema de gerenciamento de tag, você pode atualizar as tags no seu site de maneira rápida e fácil. Para instalá-lo, é preciso adicionar um snippet de código às páginas da Web. Com esse código, o Gerenciador de tags pode disparar tags inserindo-as nas páginas.
Antes de começar
Crie uma conta e um contêiner do Gerenciador de tags do Google. Saiba mais
Instalação padrão da página da Web
Na maioria dos casos, a maneira mais fácil de começar é encontrar o código e as instruções no Gerenciador de tags.
- No Gerenciador de tags do Google, clique em Espaço de trabalho.
- Clique no ID do contêiner (formatado como
GTM-XXXXXX
) na parte de cima para abrir a janela Instalar o Gerenciador de tags
- Instale a tag em todas as páginas do seu site seguindo as instruções.
A posição mais indicada do primeiro bloco de código é imediatamente após a tag<head>
de abertura da página da Web ou o mais alto possível em<head>
. Isso garante que a configuração do Gerenciador de tags esteja disponível e pronta quando o restante da página for carregado.
- Opcional, mas recomendado: instale um objeto de camada de dados. Uma camada de dados permitirá uma medição mais eficaz para suas configurações de tags.
- Publique o contêiner.
Quando a instalação do Gerenciador de tags estiver concluída, toda a configuração será realizada no Gerenciador de tags.
Instalações personalizadas da Web
Em casos raros (por exemplo, ao criar um novo modelo para um sistema de gerenciamento de conteúdo ou modelo de e-commerce), é recomendável codificar uma tag gtm.js personalizada. Adicione o código a seguir para que ele fique o mais próximo possível da tag <head>
de abertura em todas as páginas do site. Substitua GTM-XXXXXX
pelo ID do seu contêiner:
<!-- 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-XXXXXX');</script>
<!-- End Google Tag Manager -->
Em seguida, adicione este código imediatamente após o elemento <body>
de abertura em todas as páginas do seu site. Substitua GTM-XXXXXX
pelo ID do seu contêiner:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
Receber orientações para configuração específica do produto
Clique nos links abaixo para saber como configurar o Gerenciador de tags em produtos específicos: