1) O documento apresenta o Google Tag Manager como uma ferramenta para otimizar o tempo de implementação de tags em novos projetos, permitindo atualizar tags rapidamente de uma única interface.
2) Ele explica que o Google Tag Manager permite gerenciar vários códigos de tags como Google Analytics, Adwords, Facebook Pixel em uma única interface sem precisar adicionar cada código individualmente nas páginas.
3) A implementação do Google Tag Manager é simples, bastando adicionar um único código na página e configurar as tags e regras de disparo desej
Curso de estratégias de mídias sociais e gestão de crises
GTM Guia 10 Min
1. GOOGLE TAG
MANAGER
Um guia para melhores práticas
1
Autor: Thiago Acioli
Data Intelligence Analyst
Agência Foster Edge
2. O objetivo desta apresentação é demonstrar
os benefícios da ferramenta Google Tag
Manager para otimização do tempo das task
de tagueamento para os novos projetos.
2
OBJETIVO
4. O Google Tag Manager (Gestor de Etiquetas
Google) permite atualizar rápida e facilmente
as tags (etiquetas) do seu website, tais como
do Adwords, Analytics, Remarketing,
Facebook Pixel Conversion, etc.
4
O QUE É?
5. Muitas vezes um website acaba por ter vários
códigos JavaScript, como o código do Google
Analytics, o código do Google Adwords, código
de mídias sociais, entre outros. Torna-se chato ter
de adicionar estes fragmentos JavaScript de cada
vez que tiver mais um para adicionar ao seu website.
5
O QUE É?
6. O Google Tag Manager é uma solução de
gestão de tags a partir de uma única
interface web, onde pode adicionar e
remover etiquetas à vontade.
6
O QUE É?
7. A vantagem de usar o Google Tag Manager é
que não tem de adicionar o código do Analytics,
Adwords, etc – pode apenas ter um único
código, o do Google Tag Manager, e este terá,
dentro dele, todos os códigos que precisa
(Analytics, Adwords, outros).
7
POR QUE USAR?
11. Criar uma conta no Google Tag Manager é simples. Entre na
sua conta Google, vá a https://www.google.com/
tagmanager e clique em “Sign up now”.
11
CONFIGURAÇÃO
12. Crie uma nova conta. Uma
conta no Google Tag
Manager é o cliente onde
pode colocar tudo o que
estiver relacionada com ele,
mesmo que tenha muitos
projetos.
12
CONFIGURAÇÃO
14. Algumas coisas que você precisa saber
!
• Conta: é o nome da conta, normalmente o nome da
empresa para a qual irá gerir as tags.
• Conteiner: é o nome do site/projeto para o qual irá
gerir as tags.
• Tags: serão criadas e contidas num conteiner. Por
exemplo, uma tag para o Google Analytics, outra tag
para o Google Adwords.
• Regras: definem quando e como estas tags serão
executadas. Poderá ser em todas as páginas do site (ex.:
Google Analytics) ou apenas numa única página (ex.:
landing page com Pixel Conversion do Facebook).
14
PRECISA SABER
15. Agora terá de criar um conteiner para
colocar as suas tags. Este nome
deverá ser do seu site, pois facilita
poder encontrá-lo quando tiver
vários conteiners (sites/projetos) e
contas.
!
Selecione Páginas Web para
aparecerem mais campos. A menos
que saiba o que está fazendo, e
tenha um site que tenha tanto
tráfego http como encriptado em
https, deixe a pré-definição de // em
Domínios. Assim o seu conteiner terá
ambas as versões (http e https). Pode
colocar o seu domínio com www, ou
sem www. Escolha o fuso horário e
clique em Criar conta e contentor.
15
CONFIGURAÇÃO
Caso as tags sejam para aplicativos, teremos as
opções de desenvolvimento para iOS e Android
16. Na próxima página, o Google dará-lhe um código para adicionar no
seu site, de preferência após a tag <body>. Se estiver usando um
gestor de conteúdos (CMS) como WordPress, pode adicioná-lo no
arquivo header.php, após o <body> ou fazer uso de algum plugin.
16
CONFIGURAÇÃO
18. 18
CONEXÃO
GA COM GTM
Agora que temos um conteiner no Tag Manager, e partindo
do princípio que você já tem uma Propriedade no Google
Analytics, está na hora de ligar os dois. É fácil, irei descrever
de seguida como fazer isto com uma tag simples.
19. 19
CRIAR NOVA TAG
Atribua um nome. Neste caso,
escrevi Google Analytics pois
pretendo ligar o código padrão
do Google Analytics ao Google
Tag Manager. Em baixo, escolhi o
tipo da tag, que é Google
Analytics > Universal Analytics.
20. 20
CONFIGURAR TAG
Coloque o UA da conta do
Google Analytics.
!
Escolha o tipo de
acompanhamento.
!
Por padrão, a primeira tag que
vamos adicionar será a exibição
de página.
21. 21
CONFIGURAR TAG
No caso do Google Analytics é
simples: queremos que esteja em
todas as páginas, portanto basta
assinalar “Todas as páginas”.
!
Caso quiséssemos rastrear
estatísticas apenas de uma
landing page específica,
teríamos de criar uma nova
regra.
22. 22
ADICIONAR PIXEL
TAG DO FACEBOOK
Clique em nova tag e dê um nome à etiqueta. Neste
caso escreveremos "Pixel Tag do Facebook". Para
adicionar o código de conversão do Facebook
escolho "Tag de HTML Personalizada".
23. 23
ADICIONAR PIXEL
TAG DO FACEBOOK
No campo do “HTML”, coloco o código do pixel de
conversão fornecido pelo Facebook no Gestor de
Anúncios.
24. 24
ADICIONAR
REGRA PARA TAG
Na caixa "Acionadores", vou escolher onde e como esta tag será disparada. Como estou
usando uma pixel tag de conversão, devo rastrear conversões numa página específica
(ou landing page). Quero apenas que o pixel tag seja disparada nessa página de destino.
Se essa regra fosse para o Google Analytics, devo colocar para "Todas as páginas".
25. 25
PUBLICAÇÃO
Após ter criado a conta, conteiner e tags, publique o que fez ou não aparecerão
dados no seu Google Analytics, remarketing, ou outras tags que você tenha criado.