Este documento apresenta a biblioteca Javascript Google Analytics on Steroids (GAS), que automatiza a coleta de métricas no Google Analytics. O GAS permite monitorar diversas ações dos usuários como preenchimento de formulários, visualização de vídeos e cliques em links externos com poucas linhas de código. Além disso, discute como implementar o GAS em múltiplos domínios e contas do Google Analytics de forma fácil.
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
GAS: Google Analytics on Steroids
1. 1
Técnicas avançadas de implementação
Google Analytics on Steroids WAW SP - @fabiophms abril de 12
#wawsp
2. 2
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
http://About.me/Phms
• Engenheiro de Computação por formação
• 3 anos no departamento de Web Analytics
da Digital Cube (antiga Direct Performance)
• Desde 2011 como coordenador da equipe
técnica de implantação e integração de
ferramentas de Web Analytics
• Ministra o curso de Google Analytics na
JumpEducation desde 2010
• Certificado Google Analytics (GAIQ)
3. 3
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Análise
Técnico
4. 4
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Agenda
• Atualmente no Google Analytics…
• GAS: Google Analytics on Steroids
• Uma força extra para as Análises
• Por baixo dos panos: a API Javascript
• Receitas de Bolos
5. 5
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
6. 6
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Home Sobre Produto Contato
• Com um simples código, o Google Analytics é capaz de mensurar
diversas formas de consumo dos conteúdos do seu site, como:
• Páginas acessadas
• Caminho da navegação
• Páginas de saída
7. 7
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
link
Home Sobre Produto Contato
Por quais links Quantos As páginas Qual é o campo
seus visitantes terminam de longas são com maior
estão saindo assistir os vistas até o índice de
do site? vídeos? final? desistência do
formulário?
8. 8
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Pageview... e nada mais
var _gaq = _gaq || [];
_gaq.push(['_setAccount','UA-654321-78']);
_gaq.push(['_trackPageview']);
• A única instrução no código padrão do GA é o
registro dos endereços das páginas visualizadas
durante a navegação dos usuários.
9. 9
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
E se não é uma página, é um Evento!
• Além do pageview, o Google Analytics disponibiliza uma
outra forma de registrarmos as ações dos visitantes em
nosso site.
• Através do uso de Eventos podemos estudar com muito
mais detalhes o comportamento dos usuários.
• Porém, ao contrário do pageview, os eventos não são
automáticos, você precisa programá-los!
Guia completo sobre Eventos no Google Analytics:
http://code.google.com/intl/pt-BR/apis/analytics/docs/tracking/eventTrackerGuide.html
10. 10
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Algo mais ou menos assim:
evento evento evento evento
evento evento evento evento
evento evento evento evento
evento
evento evento
link evento evento
evento evento
evento evento
evento evento evento evento
Home Sobre Produto Contato
evento evento evento evento
11. #wawsp
bit.ly/waw-gas
WAW SP - @fabiophms
abril de 12
11
http://canhotorium.blogspot.com.br/2010/09/e-agora-quem-podera-nos-defender.html
12. 12
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
13. 13
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
O que é Google Analytics on Steroids?
• GAS é uma biblioteca Javascript open-source (grátis!)
com objetivo de automatizar a mensuração de
elementos comuns aos projetos online
• O projeto foi iniciado em 2010 por Eduardo Cereto
(@eduardocereto) nos laboratórios da então Direct
Performance, atualmente Grupo Diginal INC
• Hoje a biblioteca já é utilizada em grandes portais e é
mantida pelas equipes da Digital Cube e Cardinal Path
https://github.com/CardinalPath/gas
14. 14
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
15. 15
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Contador de Downloads
_gasTrackDownloads
19. 19
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Cruzando com a resolução da tela podemos
chegar em análises como essa:
Apenas 20% das pessoas
com tela 1024x728 deram
1680x1050
1280x768
1024x780
scroll no mouse.
O engajamento foi
menor entre os
principais formatos de
tela:
•1024x768 – 19%
•1280x800 – 21%
•1680x1050 – 35%
E esse é apenas um exemplo...
20. 20
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Cliques em links para outros sites
_gasTrackOutboundLinks
22. 22
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Monitoramento de Vídeos
_gasTrackYoutube ou _gasTrackVimeo
23. 23
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
E que tal montar um funil de finalizações
dos vídeos
Acessaram a página
Iniciaram o vídeo
Assistiram todo
o vídeo
24. 24
#wawsp bit.ly/waw-gas
2
WAW SP - @fabiophms abril de 12
1
3
4
25. 25
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Campos e Botões de Formulários
_gasTrackForms
26. 26
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Por que a conversão do cadastro é tão baixa?
• Analisando o preenchimento campo a campo de formulário,
podemos identificar qual é campo com maior taxa de desistência.
27. 27
3
#wawsp bit.ly/waw-gas
2
WAW SP - @fabiophms abril de 12
1
28. 28
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
29. 29
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Tão fácil quanto acender uma lâmpada
var _gas = _gas || [];
_gas.push(['_setAccount', 'UA-654321-78']);
_gas.push(['_setDomainName', '.meusite.com.br']);
_gas.push(['_trackPageview']);
_gas.push(['_gasTrackForms']);
_gas.push(['_gasTrackMailto']);
_gas.push(['_gasTrackOutboundLinks']);
_gas.push(['_gasTrackMaxScroll']);
_gas.push(['_gasTrackDownloads']);
_gas.push(['_gasTrackYoutube']);
_gas.push(['_gasTrackVimeo']);
30. 30
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
• _gasTrackForms (Form Tracking)
▫ Controle do preenchimento de campos e clique em botões dos
formulários.
• _gasTrackMaxScroll (MaxScroll)
▫ Registra a porcentagem máxima visualizada de cada página.
• _gasTrackOutboundLinks (Outbound)
▫ Monitora os cliques nos links para outros sites.
• _gasTrackDownloads (Download)
▫ Monitoramento dos cliques em links para arquivos como PDF,
DOC, ZIP etc.
,
• _gasTrackMailto (Mailto)
▫ Registra o uso de links contendo endereços de email.
• _gasTrackVimeo e _gasTrackYoutube (Video)
▫ Para cada vídeo incorporado no site, controla as ações de
“play”, “pause” e “finish”.
31. 31
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Track de vários domínios ERA problema
_gas.push(['_setAccount', 'UA-654321-78']);
_gas.push(['_setAllowLinker', true]);
_gas.push(['_setDomainName', 'meusite.com']);
_gas.push(['_setDomainName', 'meuoutrosite.com']);
_gas.push(['_gasMultiDomain', 'click']);
• Com essas instruções a tag irá executar o processo conhecido como “cópia
de cookie” entre os links dos domínio listados;
• Note que a tag padrão não suporta múltiplas chamadas da função
“_setDomainName”;
• O trecho acima deve ser chamado em ambos os sites;
32. 32
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Múltiplas contas sem medo
_gas.push(['_setAccount', 'UA-XXXXX-1']);
_gas.push(['antiga._setAccount', 'UA-XXXXX-2']);
_gas.push(['parceiro._setAccount', 'UA-XXXXX-3']);
// enviado para todas as conta
_gas.push(['_trackPageview']);
// enviado somente para a conta “2”
_gas.push(['antiga._trackPageview']);
• O Google não recomenda a implementação de múltiplas contas usando a
código padrão do GA.
33. 33
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
34. 34
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Ingredientes
• 01 cópia fresquinha do GAS
▫ https://github.com/CardinalPath/gas/downloads
• 01 conta no Google Analytics (verde ou madura)
▫ http://www.google.com.br/analytics/
• 01 site descascado
• Dica do chef: utilize o plugin HttpFox para ver
se o seu bolo está no ponto
▫ http://bit.ly/httpfox
35. 35
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Modo de preparo
youtu.be/vGvVWVpW1e0
36. 36
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
37. 37
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Ingredientes e Utensílios
• 01 conta no SiteApps (até 100.000 pageview é grátis!)
▫ https://siteapps.com/
▫ Ativar o APP do GAS no SiteApps
http://siteapps.com/app/google_analytics_on_steroids-153
• 01 blog em Wordpress
▫ http://wordpress.org/
▫ Ativar o plugin do SiteApps no WordPress:
http://wordpress.org/extend/plugins/siteapps/
38. 38
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
Modo de preparo
youtu.be/36_o8ZzeAxs
39. 39
#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
That's all folks!
Sobre Twitter GitHub
about.me/phms @fabiophms /phms
• Outras palestras relacionadas:
▫ Web Analytics para Desenvolvedores - TDC 2011
http://slidesha.re/tdc-wa
▫ Google Analytics Hacks – Intercon 2011
http://intercon.cereto.net/template/