O que é e como instalar o Google Tag manager

O que você irá aprender?

    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?

    Artigos Relacionados

    WhatsApp