777 Usuários online agora
Bem-vindos à Comunidade Oficial do Google Analytics
Aprenda com artigos escritos por nossos usuários especialistas
favorite_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

Arrasou! Obrigada por compartilhar =D

por Yuri Podolsky Principal Colaborador
Agosto

Muito bom cara, parabéns!

por Alessandra Estrela em Ascensão
Agosto

Obrigada, muito útil e didático.

Parabéns!

 

por Ricardo-Gaya Principal Colaborador
Agosto

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

 

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

@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

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

@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

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

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

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

@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

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

@Luciano m,

 

Qual a url?

por Luciano m
Agosto
por Ricardo-Gaya Principal Colaborador
Agosto

@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

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

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

 

por Luciano m
Agosto

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

@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

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

@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