1Técnicas avançadas de implementaçãoGoogle Analytics on Steroids   WAW SP - @fabiophms   abril de 12                      ...
2#wawsp          bit.ly/waw-gas      WAW SP - @fabiophms   abril de 12 http://About.me/Phms  • Engenheiro de Computação po...
3#wawsp     bit.ly/waw-gas    WAW SP - @fabiophms   abril de 12         Análise                            Técnico
4#wawsp        bit.ly/waw-gas    WAW SP - @fabiophms   abril de 12 Agenda  • Atualmente no Google Analytics…  • GAS: Googl...
5#wawsp   bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12
6#wawsp             bit.ly/waw-gas           WAW SP - @fabiophms   abril de 12   Home                 Sobre           Prod...
7#wawsp            bit.ly/waw-gas       WAW SP - @fabiophms   abril de 12      link     Home            Sobre         Prod...
8#wawsp        bit.ly/waw-gas    WAW SP - @fabiophms   abril de 12 Pageview... e nada mais  var _gaq = _gaq || [];  _gaq.p...
9#wawsp                 bit.ly/waw-gas                   WAW SP - @fabiophms   abril de 12 E se não é uma página, é um Eve...
10#wawsp             bit.ly/waw-gas             WAW SP - @fabiophms   abril de 12  Algo mais ou menos assim:    evento    ...
#wawsp                                                                                   bit.ly/waw-gas                   ...
12#wawsp   bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12
13#wawsp          bit.ly/waw-gas       WAW SP - @fabiophms   abril de 12 O que é Google Analytics on Steroids?  • GAS é um...
14#wawsp   bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12
15#wawsp   bit.ly/waw-gas         WAW SP - @fabiophms   abril de 12 Contador de Downloads                _gasTrackDownloads
#wawsp       bit.ly/waw-gas                   2     1         3
17#wawsp    bit.ly/waw-gas          WAW SP - @fabiophms   abril de 12 Porcentagem visualizada das páginas                 ...
#wawsp   bit.ly/waw-gas               2     1                          3
19#wawsp                             bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12 Cruzando com a resolução da tela p...
20#wawsp    bit.ly/waw-gas          WAW SP - @fabiophms   abril de 12 Cliques em links para outros sites               _ga...
#wawsp       bit.ly/waw-gas                   2     1         3
22#wawsp   bit.ly/waw-gas          WAW SP - @fabiophms   abril de 12 Monitoramento de Vídeos         _gasTrackYoutube ou _...
23#wawsp    bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12E que tal montar um funil de finalizaçõesdos vídeos         ...
24#wawsp       bit.ly/waw-gas                      2                              WAW SP - @fabiophms   abril de 12     1 ...
25#wawsp   bit.ly/waw-gas            WAW SP - @fabiophms   abril de 12 Campos e Botões de Formulários                  _ga...
26#wawsp            bit.ly/waw-gas         WAW SP - @fabiophms   abril de 12 Por que a conversão do cadastro é tão baixa? ...
27                                            3#wawsp   bit.ly/waw-gas                  2                          WAW SP ...
28#wawsp   bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12
29#wawsp        bit.ly/waw-gas     WAW SP - @fabiophms   abril de 12 Tão fácil quanto acender uma lâmpada  var _gas = _gas...
30#wawsp            bit.ly/waw-gas            WAW SP - @fabiophms   abril de 12  • _gasTrackForms (Form Tracking)    ▫ Con...
31#wawsp              bit.ly/waw-gas            WAW SP - @fabiophms   abril de 12 Track de vários domínios ERA problema  _...
32#wawsp             bit.ly/waw-gas           WAW SP - @fabiophms   abril de 12 Múltiplas contas sem medo  _gas.push([_set...
33#wawsp   bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12
34#wawsp             bit.ly/waw-gas           WAW SP - @fabiophms   abril de 12 Ingredientes  • 01 cópia fresquinha do GAS...
35#wawsp   bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12 Modo de preparo         youtu.be/vGvVWVpW1e0
36#wawsp   bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12
37#wawsp           bit.ly/waw-gas         WAW SP - @fabiophms   abril de 12 Ingredientes e Utensílios  • 01 conta no SiteA...
38#wawsp   bit.ly/waw-gas   WAW SP - @fabiophms   abril de 12 Modo de preparo          youtu.be/36_o8ZzeAxs
39#wawsp               bit.ly/waw-gas               WAW SP - @fabiophms   abril de 12 Thats all folks!             Sobre  ...
40Obrigado!Dúvidas?    WAW SP - @fabiophms   abril de 12                                                #wawsp
Upcoming SlideShare
Loading in …5
×

GAS: Google Analytics on Steroids

4,783 views
4,673 views

Published on

Técnicas avançadas de implementação do Google Analytics usando a biblioteca GAS.

Automatize a mensuração de vídeos, formulários, links, scroll, downloads.

Acompanhe o projeto:
https://github.com/CardinalPath/gas

Published in: Technology
6 Comments
17 Likes
Statistics
Notes
  • @GlauberOliveira3 Olá Glauber, tente executar o comando correspondente após toda a finalização do código AJAX:

    _gas.push(['_gasTrackForms']);

    Isto fará a tag procurar por novos fomulários na página.
    Espero ter ajudado.
    []s
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Oi Fábio, tenho um site cuja tela de cadastro é injetada na página através de ajax, é possível o GAS monitorar o form dessa tela injetada? como faço isso, pois só colocando na minha msterpage nao rolou :( …. []‘s
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • @henriqueschiavo1 Olá Henrique, não conheço esse plugin, mas a GAS funciona sobre os elementos padrões do HTML, ou seja, deve funcionar para todos os formulários.

    Sobre a sobreposição das métricas no GA, provavelmente deve-se ao fato deste plugin utilizar o mesmo nome para todos os formulários. A GAS usa o parâmetro 'name' da tag 'form' para diferenciar os dados. Veja se é possível essa customização pelo plugin.

    Espero ter ajudado e obrigado pelo comentário.
    []s
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • @alexandrewerner Olá Alexandre, a GAS é um projeto opensource e todos são livres (e incentivados) a aprimorar e evoluir a biblioteca!

    Para o tracker do scroll vertical basta replicar a lógica do plugin atual (scroll horizontal) para capturar as medidas de largura das páginas. Só precisa de um pouco de JS ;)

    Código do plugin: https://github.com/CardinalPath/gas/blob/master/src/plugins/max_scroll.js
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Fábio, com vai? Amigo, tenho um site onde o scroll é horizontal (não tem vertical), no GA ele identifica como 100% a maioria das páginas (naturalmente), é possível manipular o script para contabilizar o scroll horizontal? Obrigado
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
4,783
On SlideShare
0
From Embeds
0
Number of Embeds
356
Actions
Shares
0
Downloads
62
Comments
6
Likes
17
Embeds 0
No embeds

No notes for slide

GAS: Google Analytics on Steroids

  1. 1. 1Técnicas avançadas de implementaçãoGoogle Analytics on Steroids WAW SP - @fabiophms abril de 12 #wawsp
  2. 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. 3#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Análise Técnico
  4. 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. 5#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
  6. 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. 7#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 link Home Sobre Produto ContatoPor quais links Quantos As páginas Qual é o camposeus 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. 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. 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. 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 eventoevento evento evento evento Home Sobre Produto Contato evento evento evento evento
  11. 11. #wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 11http://canhotorium.blogspot.com.br/2010/09/e-agora-quem-podera-nos-defender.html
  12. 12. 12#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
  13. 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. 14#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
  15. 15. 15#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Contador de Downloads _gasTrackDownloads
  16. 16. #wawsp bit.ly/waw-gas 2 1 3
  17. 17. 17#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Porcentagem visualizada das páginas % _gasTrackMaxScroll
  18. 18. #wawsp bit.ly/waw-gas 2 1 3
  19. 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. 20#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Cliques em links para outros sites _gasTrackOutboundLinks
  21. 21. #wawsp bit.ly/waw-gas 2 1 3
  22. 22. 22#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Monitoramento de Vídeos _gasTrackYoutube ou _gasTrackVimeo
  23. 23. 23#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12E que tal montar um funil de finalizaçõesdos vídeos Acessaram a página Iniciaram o vídeo Assistiram todo o vídeo
  24. 24. 24#wawsp bit.ly/waw-gas 2 WAW SP - @fabiophms abril de 12 1 3 4
  25. 25. 25#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Campos e Botões de Formulários _gasTrackForms
  26. 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. 27 3#wawsp bit.ly/waw-gas 2 WAW SP - @fabiophms abril de 12 1
  28. 28. 28#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
  29. 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. 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. 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. 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. 33#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
  34. 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. 35#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Modo de preparo youtu.be/vGvVWVpW1e0
  36. 36. 36#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
  37. 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. 38#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Modo de preparo youtu.be/36_o8ZzeAxs
  39. 39. 39#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Thats 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/
  40. 40. 40Obrigado!Dúvidas? WAW SP - @fabiophms abril de 12 #wawsp

×