369 Usuários online agora
369 Usuários online agora
Bem-vindos à Comunidade Oficial do Google Analytics
Aprenda com artigos escritos por nossos usuários especialistas
star_border

#GTM Básico - Como implementar a Tag do Google Analytics via Google Tag Manager?

Oi pessoal, tudo bem?

 

Gostaria de compartilhar com a comunidade algumas dicas rápidas de como implementar a tag do Google Analytics usando o gerenciador de tags do Google, o Google Tag Manager.

 

O Google Tag Manager é uma ferramenta gratuita e excelente para implementação/gestão de tags. Por exemplo, se você precisar implementar a tag do Google Analytics em todas as páginas do seu site, você pode realizar esse tagging sem editar um arquivo de código sequer. Não é incrível?

 

Vou partir da premissa que você já tenha o Google Tag Manager implementado em todas as suas páginas do seu site para esse mini tutorial de como disparar a tag do Google Analytics em seu site. Ok? Caso você ainda não tenha implementado o snippet do GTM em seu site fique tranquilo que é bem simples.

 

O snippet do GTM deve ser implementado logo após a abertura da tag <body> do seu site. Simples né?

 

Bom, vamos ao que interessa?

 

Uma prática que acho muito útil é criar uma variável com o ID da sua conta do Google Analytics. Assim todas vez que precisarmos criar outras tags, como disparar eventos do Google Analytics podemos fazer o reuso desse ID sem a necessidade de ficar copiando e colando toda hora. Sim, a boa e velha pratica de reutilização de código.

 

Crie uma variável do tipo permanente e adicione (copie e cole) a o seu ID do Google Analytics. Depois é só salvar e ela já esta pronta para ser utilizada. 

 

GTM-1.png

 

Agora vamos criar a tag de pageviews do Google Analytics. Crie uma nova tag e selecione o produto Google Analytics. Na hora de preencher o campo do código de companhamento vamos utilizar a variável que criamos no passo acima.

 

 GTM-2.png

 

 

Agora nossa tag esta quase pronta, só precisamos dizer ao GTM onde queremos que ele dispare essa tag em nosso site, ou seja, precisamos usar um acionador para isso. Para facilitar ainda mais nossas vidas, o GTM tem alguns acionadores já prontos para o uso. Como a tag do Google Analytics padrão precisar ser disparada em todas as páginas do nosso site, vamos utilizar o acionador Todas as páginas

 

GTM-3.png

 

Pronto, agora é só salvar que sua tag do Google Analytics será disparada em todas as páginas do seu site. Claro, não se esqueça de publicar suas alterações. 

 

Espero que ajude! Smiley feliz

 

 

 

 

 

Sobre Ricardo Gaya

Trabalho com marketing digital, já atuei em áreas como mídia performance, web analytics/BI e data strategy. Sou apaixonado por open source, Google Analytics (principalmente quando esta implementado em cafeteiras), Google Tag Manager, meu cachorro e comida (adoro comer). Desenvolvedor web por diversão, há alguns anos tentando aprender alguma coisa.

Comentários
por Elisa Gerente da Comunidade
Agosto 2016

Arrasou! Obrigada por compartilhar =D

por Yuri Podolsky Principal Colaborador
Agosto 2016

Muito bom cara, parabéns!

por Alessandra Estrela em Ascensão
Agosto 2016

Obrigada, muito útil e didático.

Parabéns!

 

por Ricardo-Gaya Principal Colaborador
Agosto 2016

Quem bom que gostaram! Espero que ajude a comunidade com futuras dúvidas sobre esse tagging. Sei que esse é bem simples, mas a ideia é essa, partir das tarefas mais simples ir aprofundando com os próximos. Smiley feliz 

 

Obrigado! 

 

 

por Luciano m
Agosto 2016

 

bom dia fiz o cadastro no , mas a minha dificuldade e fazer o codigo funcionar dentro footer.tpl .

e me explicando melhor , posso inserir todos os codigo dentro deste Tag Manager, qual a finalidede delle mesmo , fiquei um pouco confuso 

aguardo resposta 

 

por Ricardo-Gaya Principal Colaborador
Agosto 2016

@Luciano m, tudo bem?

 

O que você quer dizer com: " posso inserir todos os codigo dentro deste Tag Manager, qual a finalidede delle mesmo"?

 

Quais códigos? Seriam tags? 

 

A finalidade do Google Tag Manager é ser um gerenciador de tags. Smiley feliz Agora os benefícios são varios, como poder inserir/remover tags sem alterar diretamente o código, você pode trabalhar com controle de versão, pode fazer alguns tagging mais complexos de forma muito mais simples e rápida, pois com alguns recursos do GTM como o depurador ajuda bastante em todo o processo. 

 

Não sei se minha resposta ajudou muito, mas qualquer coisa da um toque. 

 

Abs

 

 

por Luciano m
Agosto 2016

Boa tarde estou tendo um pouco de dificudade agora entende sim , ja me cadastrei , 

 

gostaria de saber onde insiro o codigo tagmanager , tentei inserir dentro do Footer.tpl em meu site , quanto envio o arquivo o site sai fora do ar ..

Pode me ajudar coloca este arquivo do tagmaneger no lugar certo, .

Minha plataforma e prestashop 

aguardo resposta 

 

por Ricardo-Gaya Principal Colaborador
Agosto 2016

@Luciano m,

 

Não conheço muito bem como funciona essa plataforma, e cada uma tem algumas particularidades. 

 

Pelo o que eu dei uma pesquisada acho que esse link do forum do PrestaShop pode te ajudar - https://www.prestashop.com/forums/topic/211383-how-to-insert-google-tag-manager-code/

 

Parece que você também pode usar um módulo. 

 

O recomendado pelo Google é que seja implementado logo após a abertura do <body>, verifique essa possibilidade dentro da sua plataforma. 

 

Espero ter ajudado. 

 

Abs

por Luciano m
Agosto 2016

Fiz de acordo o arquivo que me enviou, agora como testo se deu certo sim ou nao o codigo tagmanager

Desculpe dando este trabalho, e obrigado pela atençao 

 

por Luciano m
Agosto 2016

Boa tarde fiz e liguei para o google la explica tem que ficar dentro da tag <header> ja coloquei este arquivo la e nao dar certo, ele nao encontra o caminho Certo .. 

Nem sei mais o que faço , tiver mais alguma ajuda me passe por favor .

aguardo resposta 

 

dar esta mensagem 

 

HTTP response code indicates tag failed to fire: Status 404. This could be due to an empty or un-published container

 

 

por Luciano m
Agosto 2016

boa noite conhece alguem que possa me assessorar ,ja conseguir colocar o codigo mas nao esta funcionou somente para analytcis , aguardo resposta 

ass: luciano mendes 

por Ricardo-Gaya Principal Colaborador
Agosto 2016

@Luciano m, bom dia.

 

Tudo bem?

 

Você ja implementou GTM no site (todas as páginas)? Se sim, esta com alguma dúvida sobre como implementar o GA?

por Luciano m
Agosto 2016

Boa  noite duvida sim, ja inserir tudo certinho, dentro tag body dentro das tag {literal} . 

Tudo certo mas quando vou no extensor google tag assint , o analytics esta ok mas o remarketing as conversão nao dar certo .

Ate mesmo o tagmanager nao aparece no assisntent 

aguardo uma ajuda universitario, preciso tanto resolver isto .

aguaro resposta 

por Ricardo-Gaya Principal Colaborador
Agosto 2016

@Luciano m,

 

Qual a url?

por Luciano m
Agosto 2016
por Ricardo-Gaya Principal Colaborador
Agosto 2016

@Luciano m

 

Tanto a tag do Analytics como de conversão estão sendo disparadas direto no codigo e não via GTM. O problema da tag de conversões é que ela esta errada mesmo o melhor seria diparar via GTM mesmo.

 

Sobre o GTM não tem nenhum snippet implementado no seu site. Houve alguma alteração?

 

Abs

 

 

por Luciano m
Agosto 2016

bom dia o tag no tagmanager esta instalado correntamente , de acordo as explicaçao , so que ao passar por tag assistent do google la consta analytics funcionando normal, mas nao mostra como os outras explicações tambem a tagmanager aparecendo, e faço no tagmanager o conteider do remarketing e conversao nao funciona .

veja o codigo abaixo  

{$HOOK_HEADER}
<link rel="stylesheet" href="http{if Tools::usingSecureMode()}s{/if}://fonts.googleapis.com/css?family=Open+Sans:300,600&amp;subset=latin,latin-ext" type="text/css" media="all" />
<!--[if IE 8]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if isset($content_only) && $content_only} content_only{/if} lang_{$lang_iso}">
{literal}
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MW3527"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MW3527');</script>
<!-- end Google Tag Manager -->
{/literal}
{if !isset($content_only) || !$content_only}
{if isset($restricted_country_mode) && $restricted_country_mode}
<div id="restricted-country">
<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country|escape:'html':'UTF-8'}</span></p>
</div>
{/if}

por Luciano m
Agosto 2016

TEm se  voce usar o Assistent do google vai ver que so aparece o analyticis que esta dentro do tagmanager .

 

por Luciano m
Agosto 2016

Liguei para o google eles falaram que a tag esta flutuando , sendo que esta no local certo, ate eles mesmo comentou esta certo a inclução so que nao funciona .

veja o video 

https://www.youtube.com/watch?v=JJAp6CZtE1M

 

Rapaz e muito tempo perdido tem 30 dias tentando resolver e nao consigo 

 

por Ricardo-Gaya Principal Colaborador
Agosto 2016

@Luciano m

 

Realmente não sei como te ajudar! Para mim esse problema esta mas do lado da sua plaforma em suportar esse tipo de tag, que um problema com a tag do GTM mesmo.

 

Já buscou ajuda com o pessoal/comunidade da sua plaforma para ver se alguem teve o mesmo problema? Como se trata de uma tag comum acredito que outros usuários da mesma plataforma também tenham instalado ela em seus sites. Vale a pena dar uma pesquisada. Smiley feliz

 

Abs

por Luciano m
Agosto 2016

To tentando buscar ajuda, e nao consigo,gostaria de ver se conhece alguem , algum profiissional que possa me ajudar 

aguardo resposta e agradeço sua atenção 

 

por Ricardo-Gaya Principal Colaborador
Agosto 2016

@Luciano m, tudo bem?

 

Infelizmente não conheço! Smiley triste 

 

Com certeza alguem existe alguma coisa sobre isso nas comunidades do Prestashop! Se eu achar alguma coisa aqui te aviso. 

 

por Hudson Schmidt
Janeiro

Mandou bem, parabéns até fiz a alteração no meu GTM vai auxiliar muito Smiley feliz

por Rachel c
Abril

Ola Ricardo, bom dia! Estou quebrando a cabeca para colocar  site da minha empresa na primeira pagina do google. Preciso de dicas, aulas, enfim. SOu do marketing mas nao do digital. Preciso aprender dicas valiosas sobre adwords, SEO, enfim, vc tem algum esqueminha de aulas em empresas ou algo assim? conhece alguem q ensine? obrigada desde ja

por Joelma L
Maio

Oi Ricardo,

 

Valeu pela diga, porem ainda tenho uma duvida.

Quando crio o codigo GTM ele gera um script esse script eu tenho que colocar no site e depois o codigo do GTM ou so preciso colocar o codigo? 

por Yuri Podolsky Principal Colaborador
Maio

@Joelma L,

 

Não entendi bem o que você falou. Esse script gerado pelo GTM deve ser colocado no site logo abaixo do campo <body>. Ele se assemelha com isso: 

 

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<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='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager --><header class="header_sec">

Caso você queira monitorar outros scripts, eles devem ser adicionados ao GTM como Tags, conforme mostrado acima.

por Ricardo-Gaya Principal Colaborador
Maio

@Joelma L, tudo bem?

 

Assim como o Yuri disse, você só precisa implementar o código do GTM no seu site, todas as outras tags você pode fazer todo o disparo criando tags, acionadores e variaveis dentro do GTM mesmo. 

 

O GTM por ser um gerenciador de tags, faz todo o trabalho de disparo de tags em seu site conforme "regras" que você mesmo cria para gerenciar seu tagging. Sempre que possível eu recomendo o uso do GTM em praticamente todos os casos.

 Não consigo cadastrar no google Analytics. Já li o contrato,li todas as páginas, mais na hora que vou clikar para conseguir o ID não consigo.

por Curso Ênfase
Junho

Olá, Ricardo, tudo bem? Tenho uma dúvida: em nosso site utilizamos banners em nossa home e estamos realizando o monitoramento inserindo em cada banner urls com parâmetro, mas sabemos que isso faz com que os relatórios para analisar o que mais converte e etc acaba sendo prejudicado, pois os banners sempre ficam como quem mais converte. A questão é, como faço para criar eventos para cada banner pelo Tag Manager?

 

Desde já, agradeço a atenção!

por Leonardo P
Julho

Obrigado por compartilhar Piscadela do Smiley

por Luiza B
Julho

Piscadela do Smiley

por North A
Agosto

muito obrigado por compartilhar!