O que é e como instalar o Google Tag manager

O que é Google Tag Manager

O Gerenciador de tags do Google ou como mais conhecido o Google tag manager (GTM) é um sistema de implementação de tags de terceiros que permite você atualizar de maneira simples e tags de acompanhamentos de terceiros, no seu site ou aplicativo.

O Google Tag Manager veio para solucionar um grande gargalo dentro das equipes de T.I e Marketing digital otimizando o tempo perdido anteriormente em implementações complexas de scripts de parceiros dentro do código fonte.

O que são tags de terceiros

Tags de terceiros são todas as tags que estão foram do seu domínio, ou fora do escopo do seu código fonte, por exemplo:

Quero instalar uma tag do Google Analytics dentro do meu site para começar a medir as páginas e comportamentos do meu usuário, essa tag é um exemplo prático de tag que é terceiro ao meu site ou seja, não foi desenvolvida e nem mantida pelo meu time de tecnologia.

Instalação do Google Tag Manager

A instalação do Google Tag Manager é composta de 2 trechos de código que devem ser instalados dentro do seu código fonte. Costumo dizer que você vai precisar do seu desenvolvedor em 2 momentos, primeiro na instalação segundo na implementação do seu evento ou informação personalizada. Sendo assim, a primeira etapa é composta um trecho dentro da tag e outro trecho imediatamente após a abertura da tag , é importante ressaltar para o seu desenvolvedor que essa instalação deve ser realizada em todas as páginas do seu web site.

Tag que deve ser implementada dentro da tag

<!-- 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-XXXXX');</script>
<!-- End Google Tag Manager -->

Tag que deve ser implementada dentro da tag

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Esse código você consegue pegar de duas maneiras, ou clicando no seu id do container no canto superior direito, ou indo na tela de Administrador > Instalar o Gerenciador de tags do Google

Nesse caso é importante que você entre nessa tela para pegar exatamente o código que você precisa para instalação esse código que adicionamos acima é de exemplo e não tem o seu id de container nele, beleza?