Solues do Google para o seu negcio

Vamos comear em alguns momentinhos :)

Solues do Google para o seu negcio

Google Tag Manager

Agenda
O que o Tag Manager (10 mins)
Como Us-lo (10 mins)
Recursos Avanados (10 mins)
Ajuda e Recursos

Google Confidential and Proprietary

O que o Tag Manager?

O que o Tag Manager

O que o Google Tag Manager?

def.:

uma ferramenta gratuita

de auxlio a insero de
Tags (cdigos) em sites e
aplicativos para celular.

Google Confidential and Proprietary

O que o Tag Manager

Solues de marketing dependem da
implementao de tags no seu website

Google Confidential and Proprietary

O que o Tag Manager

Exemplos de como aplicar o Tag Manager:
Cdigo do Acompanhamento de Converses

Cdigo de Remarketing

Cdigo do Google Analytics

Google Confidential and Proprietary

O que o Tag Manager

Problemas comuns da implementao
de Tags

HTML
HTML

Recodificao =
Custo e Tempo

Gerenciamento e
manuteno

Impacto em
Performance

Google Confidential and Proprietary

O que o Tag Manager

WWW
Rpido e fcil

Alta performance

Gratuito

Google Confidential and Proprietary

O que o Tag Manager

Funcionalidades
Templates
de tags

Controle
de verso

Modo
Preview

Controle de
Usurios

Google Confidential and Proprietary

O que o Tag Manager

Performance: Carregamento Assncrono
Sync Loading
Remarketing

Converso

Carregamento da Pgina

Tempo de carregamento da pgina

Async Loading
Remarketing
Converso
Carregamento da Pgina
Tempo de carregamento da pgina
Google Confidential and Proprietary

O que o Tag Manager

Funcionalidades
SITE

TAG
MANAGER

Usurio

PROVEDOR
DA TAG
...
Google Confidential and Proprietary

O que o Tag Manager

Conceitos

Conta

Container

Verso

Google Confidential and Proprietary

O que o Tag Manager

Conceitos

Conta

Associada a uma ou mais contas

do Google

Podem ser Administradores ou

usurios

Google Confidential and Proprietary

O que o Tag Manager

Conceitos

Container

Forma de organizao de Tags

Normalmente, um container
usado por domnio

Google Confidential and Proprietary

O que o Tag Manager

Conceitos
1

Histrico com diversas verses

para cada conainer

Uma verso est sempre ativa

(publicada)

Verses antigas podem ser

reativadas

Verso

Google Confidential and Proprietary

O que o Tag Manager

Perguntas?

Google Confidential and Proprietary

Como us-lo

Como us-lo

Conceitos
1

Modelos de
Tags
(homologadas)

Campos especficos
para parmetros

Google Confidential and Proprietary

Como us-lo

Conceitos
2

Outras
Tags

Cdigo
HTML/Javascript

Google Confidential and Proprietary

Como us-lo

Conceitos
3

HTML/CSS

Possvel inserir
parmetros com
sintaxe especial
({{parametro}})

Google Confidential and Proprietary

Como us-lo

Criao de Tags e Implementao

Google Confidential and Proprietary

Como us-lo

Regras

Definem quando uma tag disparada ou no

Pode ser baseada em URL, parmetros

Operadores (igual a, contm, regex, maior que,

etc).

Definidas independentemente das tags

Reutilizveis para vrias tags

Google Confidential and Proprietary

Como us-lo

Macros
def.:

Recurso capaz de definir

valores dinmicos que
podem ser passados a tags
ou usados em regras;
Macros predefinidas: URL,
Referrer

Google Confidential and Proprietary

Como us-lo

Macros

Principais tipos de macros:

1 Constantes
2 Partes da URL (como parmetros, caminho)
3 Variveis e cdigo Javascript
4 Contedo de tags HTML
5 Variveis do Data Layer

Google Confidential and Proprietary

Demo

Como us-lo

Como comear
1

Mapeie as tags e pginas atuais em seu site (+ aquelas que

voc gostaria de adotar)

Defina todas as variveis de que as tags precisam

Implemente o GTM em todas as suas pginas

Migre tags existentes e remova as antigas do site

Publique e veja os resultados imediatos

Google Confidential and Proprietary

Como us-lo

Perguntas?

Google Confidential and Proprietary

Recursos Avanados

Recursos Avanados

Data Layer
def.:

Conjunto

de

valores

passados ao Tag Manager;

Podem ser repassados s
Tags e usados em regras;
Parmetros

podem

ser

diferentes em cada pgina;

Google Confidential and Proprietary

Recursos Avanados

Implementao: Data Layer

Google Confidential and Proprietary

Recursos Avanados

Modos de Preview e Debug

1

Modo de Visualizao
Permite ver verses ainda no publicada;

Apenas quem usa o link especial de visualizao

vai disparar a verso no publicada;

Google Confidential and Proprietary

Recursos Avanados

Modos de Preview e Debug

2

Modo de Depurao
Mostra um frame que indica
quais tags so disparadas em
cada pgina

Google Confidential and Proprietary

Recursos Avanados

Perguntas?

Google Confidential and Proprietary

No final, preencha a nossa

PESQUISA :)

Google Confidential and Proprietary

Ajuda e Recursos

Ajuda e Recursos
Referncias
https://support.google.com/tagmanager/
https://developers.google.com/tag-manager/

Google Confidential and Proprietary

Ajuda e Recursos

Perguntas?

Google Confidential and Proprietary

Recapitulando
O que o Tag Manager
Como Us-lo
Recursos Avanados
Ajuda e Recursos

Google Confidential and Proprietary

OBRIGADO :)

Google Confidential and Proprietary

Appendix

Como us-lo
Criando uma Tag

Google Confidential and Proprietary

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!

Google Confidential and Proprietary

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

Google Confidential and Proprietary

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 -->

Google Confidential and Proprietary

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

<a href="#" name="button1" onclick="dataLayer.push

({'event': 'button1-click'});"> Button 1
</a>

Google Confidential and Proprietary