Professional Documents
Culture Documents
Agenda
O que o Tag Manager (10 mins)
Como Us-lo (10 mins)
Recursos Avanados (10 mins)
Ajuda e Recursos
def.:
Cdigo de Remarketing
HTML
HTML
Recodificao =
Custo e Tempo
Gerenciamento e
manuteno
Impacto em
Performance
WWW
Rpido e fcil
Alta performance
Gratuito
Funcionalidades
Templates
de tags
Controle
de verso
Modo
Preview
Controle de
Usurios
Converso
Carregamento da Pgina
Async Loading
Remarketing
Converso
Carregamento da Pgina
Tempo de carregamento da pgina
Google Confidential and Proprietary
Funcionalidades
SITE
TAG
MANAGER
Usurio
PROVEDOR
DA TAG
...
Google Confidential and Proprietary
Conceitos
Conta
Container
Verso
Conceitos
Conta
Conceitos
Container
Normalmente, um container
usado por domnio
Conceitos
1
Verso
Perguntas?
Como us-lo
Como us-lo
Conceitos
1
Modelos de
Tags
(homologadas)
Campos especficos
para parmetros
Como us-lo
Conceitos
2
Outras
Tags
Cdigo
HTML/Javascript
Como us-lo
Conceitos
3
HTML/CSS
Possvel inserir
parmetros com
sintaxe especial
({{parametro}})
Como us-lo
Como us-lo
Regras
Como us-lo
Macros
def.:
Como us-lo
Macros
Demo
Como us-lo
Como comear
1
Como us-lo
Perguntas?
Recursos Avanados
Recursos Avanados
Data Layer
def.:
Conjunto
de
valores
podem
ser
Recursos Avanados
Recursos Avanados
Modo de Visualizao
Permite ver verses ainda no publicada;
Recursos Avanados
Modo de Depurao
Mostra um frame que indica
quais tags so disparadas em
cada pgina
Recursos Avanados
Perguntas?
PESQUISA :)
Ajuda e Recursos
Ajuda e Recursos
Referncias
https://support.google.com/tagmanager/
https://developers.google.com/tag-manager/
Ajuda e Recursos
Perguntas?
Recapitulando
O que o Tag Manager
Como Us-lo
Recursos Avanados
Ajuda e Recursos
OBRIGADO :)
Appendix
Como us-lo
Criando uma Tag
Como us-lo
Implementao
1. Na sua conta do Tag Manager, v at a opo de configurao e copie o trecho de cdigo que se
parece com o seguinte:
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-ABC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script type="text/cjs">(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-ABC');</script>
<!-- End Google Tag Manager -->
2. No cdigo HTML da sua pgina, cole esse cdigo logo aps a tag <body>
3. s isso!
Recursos Avanados
Controle de Acesso
Mltiplos usurios podem ter acesso conta
Controle de acesso no nvel da conta:
Visualizar, Editar e Gerenciar
Controle de acesso no nvel da conta:
Visualizar, Editar, Deletar e Publicar
Recursos Avanados
Implementao: Data Layer
<script sync type="text/javascript">
dataLayer = [{
'variavel1':'valor',
'variavel2':'valor 2'
}];
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-ABC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script type="text/cjs">(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-ABC');</script>
<!-- End Google Tag Manager -->
Recursos Avanados
Eventos
So um tipo especial de parmetro do DataLayer
Possuem tambm um tipo especfico de macro
Indicam um acontecimento relevante que no seja uma mudana
de pgina
til em interfaces com componentes dinmicos, Ajax