GAS                                         Google Analytics on SteroidsFábio Serra@fabiophms                             ...
Fábio Serra             Engenheiro de Computação por formação             3 anos no departamento de Web Analytics da    ...
Implementar o                                      GA é fácil, certo?                                                   no...
Mas o que traz a                 implementação básica?          Um pageview no carregamento de cada           página do s...
O quê mais                               poderíamos querer?          E-commerce          Variáveis customizadas         ...
2012 digital cube - todos os direitos reservados   novembro de 2012                                                       ...
E como implementar o             monitoramento de eventos?   <a href="#" onClick="_gaq.push([_trackEvent,   Videos, Play, ...
E no final teríamos                     algo mais ou menos assim:        evento                                        eve...
2012 digital cube - todos os direitos reservados    novembro de 2012                                                   htt...
GAS       Google Analytics on Steroids2012 digital cube - todos os direitos reservados   novembro de 2012   10
Mas o que esse GAS? GAS é uma biblioteca Javascript open-source (grátis!) com objetivo  de automatizar a mensuração de el...
Funcionalidades                  Formulário                      controle do preenchimento de campos e clique em botões....
Tudo isso com apenas                        um copiar e colar     <script type="text/javascript">     var _gas = _gas || [...
2012 digital cube - todos os direitos reservados   novembro de 2012                                                       ...
Como os Eventos sãomultidimensionais, podemos então..                                                   novembro de 2012  ...
O que você faz se o               seu site tem vários domínios?   <script type="text/javascript">     <script type="text/j...
E como fazer isso com a GAS?         _gas.push([_setAccount, UA-XXXXX-1]);         _gas.push([_setAllowLinker, true]);    ...
E trabalhar                                   com múltiplas contas?    <script type="text/javascript">        var _gaq = _...
Já com a GAS:       _gas.push([_setAccount, UA-XXXXX-1]);       _gas.push([antiga._setAccount, UA-XXXXX-2]);       _gas.pu...
E o que esperar                                                    para o futuro?          Suporte para mais players de v...
Mãos a obra                  GAS + Worpress                                                                               ...
Thats all folks!                                   Sobre                   Twitter           GitHub                       ...
www.digitalcube.com.br                                                     Novembro de 20122012 digital cube - todos os di...
Upcoming SlideShare
Loading in...5
×

GAS - Google Analytics on Steroids #GAUC2012

972

Published on

Introdução a biblioteca Google Analytics on Steroids (GAS) feita no evento Google Analytics User Conference (GAUC) em novembro de 2012.

Mais informações:
https://github.com/CardinalPath/gas

Published in: Technology

GAS - Google Analytics on Steroids #GAUC2012

  1. 1. GAS Google Analytics on SteroidsFábio Serra@fabiophms novembro de 2012 1 2012 digital cube - todos os direitos reservados 2012 digital cube - todos os direitos reservados
  2. 2. Fábio Serra  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) http://About.Me/Phms novembro de 2012 22012 digital cube - todos os direitos reservados
  3. 3. Implementar o GA é fácil, certo? novembro de 2012 32012 digital cube - todos os direitos reservados
  4. 4. Mas o que traz a implementação básica?  Um pageview no carregamento de cada página do site  Não parece muito, mas é apenas com isso que o GA alimentas todos os relatórios! novembro de 2012 42012 digital cube - todos os direitos reservados
  5. 5. O quê mais poderíamos querer?  E-commerce  Variáveis customizadas  Interações do visitantes (eventos) novembro de 2012 52012 digital cube - todos os direitos reservados
  6. 6. 2012 digital cube - todos os direitos reservados novembro de 2012 6
  7. 7. E como implementar o monitoramento de eventos? <a href="#" onClick="_gaq.push([_trackEvent, Videos, Play, Babys First Birthday]);">Play</a> Fonte: https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide novembro de 2012 72012 digital cube - todos os direitos reservados
  8. 8. E no final teríamos 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 evento2012 digital cube - todos os direitos reservados novembro de 2012 #TDC2012 - @fabiophms 8
  9. 9. 2012 digital cube - todos os direitos reservados novembro de 2012 http://canhotorium.blogspot.com.br/2010/09/e-agora-quem-podera-nos-defender.html9
  10. 10. GAS Google Analytics on Steroids2012 digital cube - todos os direitos reservados novembro de 2012 10
  11. 11. Mas o que esse GAS? 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 dp6 Hoje a biblioteca já é utilizada em grandes portais e continuamos o seu desenvolvimento! https://github.com/CardinalPath/gas2012 digital cube - todos os direitos reservados novembro de 2012 11
  12. 12. Funcionalidades  Formulário  controle do preenchimento de campos e clique em botões.  Barra de Rolagem  registra a porcentagem máxima visualizada de cada página.  Link Externo  monitora os cliques nos links para outros sites.  Download  monitoramento dos links para arquivos como PDF, DOC, ZIP, etc.  Email  registra o uso de links contendo endereços de email.  Vídeo  Para os vídeo incorporados no site, controla as ações de “play”, “pause” e “finish”. novembro de 2012 122012 digital cube - todos os direitos reservados
  13. 13. Tudo isso com apenas um copiar e colar <script type="text/javascript"> var _gas = _gas || []; // troque por usa conta _gas.push([_setAccount, UA-YYYYYY-Y]); // troque por seu domínio _gas.push([_setDomainName, .mydomain.com]); _gas.push([_trackPageview]); _gas.push([_gasTrackForms]); _gas.push([_gasTrackOutboundLinks]); _gas.push([_gasTrackMaxScroll]); _gas.push([_gasTrackDownloads]); _gas.push([_gasTrackYoutube]); _gas.push([_gasTrackVimeo]); _gas.push([_gasTrackMailto]); (function() { var ga = document.createElement(script); ga.type = text/javascript; ga.async = true; ga.src = //cdnjs.cloudflare.com/ajax/libs/gas/1.10.1/gas.min.js; var s = document.getElementsByTagName(script)[0]; Novidade! s.parentNode.insertBefore(ga, s); })(); GAS agora disponível </script> via cdnjs.com novembro de 2012 132012 digital cube - todos os direitos reservados
  14. 14. 2012 digital cube - todos os direitos reservados novembro de 2012 14 14
  15. 15. Como os Eventos sãomultidimensionais, podemos então.. novembro de 2012 152012 digital cube - todos os direitos reservados
  16. 16. O que você faz se o seu site tem vários domínios? <script type="text/javascript"> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push([_setAccount, UA-XXXXX-X]); var _gaq = _gaq || []; _gaq.push([_setDomainName, mysite.com]); _gaq.push([_setAccount, UA-XXXXX-X]); <a href="http://www.myothersite.com/intro" _gaq.push([_setAllowLinker, true]); _gaq.push([_setDomainName, http://www.myothersite.com/intro.html]); return false;">See my blog</a> onclick="_gaq.push([_link, myothersite.com]); _gaq.push([_trackPageview]); _gaq.push([_setAllowLinker, true]); <a href="http://www.mysite.com/" _gaq.push([_trackPageview]); http://www.mysite.com/]); return false;">Go back to my site</a> onclick="_gaq.push([_link, (function() { <form name="f" method="post" onsubmit="_gaq.push([_linkByPost, this]);“> var ga = document.createElement(script); ga.type = text/javascript; ga.async = true; (function() { ga.src = (https: == document.location.protocol ? https://ssl : http://www) + .google- var ga = document.createElement(script); ga.type = text/javascript; ga.async = true; analytics.com/ga.js; ga.src = (https: == document.location.protocol ? https://ssl : http://www) + .google- var s = document.getElementsByTagName(script)[0]; s.parentNode.insertBefore(ga, s); analytics.com/ga.js; })(); var s = document.getElementsByTagName(script)[0]; s.parentNode.insertBefore(ga, s); })(); </script> </script> novembro de 2012 162012 digital cube - todos os direitos reservados
  17. 17. E como fazer isso com a GAS? _gas.push([_setAccount, UA-XXXXX-1]); _gas.push([_setAllowLinker, true]); _gas.push([_setDomainName, mysite.com]); _gas.push([_setDomainName, myothersite.com]); _gas.push([_gasMultiDomain, click]); _gas.push([_trackPageview]);  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; novembro de 2012 172012 digital cube - todos os direitos reservados
  18. 18. E trabalhar com múltiplas contas? <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push([_setAccount, UA-XXXXX-1]); _gaq.push([_setDomainName, mysite.com]); _gaq.push([_setAllowLinker, true]); _gaq.push([_setAllowHash, true]); _gaq.push([_trackPageview]); _gaq.push([other._setAccount, UA-XXXXX-2]); _gaq.push([other._setDomainName, mysite.com]); _gaq.push([other._setAllowLinker, true]); _gaq.push([other._setAllowHash, true]); _gaq.push([other._trackPageview]); (function() { var ga = document.createElement(script); ga.type = text/javascript; ga.async = true; ga.src = (https: == document.location.protocol ? https://ssl : http://www) + .google-analytics.com/ga.js; var s = document.getElementsByTagName(script)[0]; s.parentNode.insertBefore(ga, s); })(); </script> novembro de 2012 182012 digital cube - todos os direitos reservados
  19. 19. Já com a GAS: _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]); novembro de 2012 192012 digital cube - todos os direitos reservados
  20. 20. E o que esperar para o futuro?  Suporte para mais players de vídeos  Suporte para monitoramento de social widgets  Mais opções de customizações para os desenvolvedores  Compatibilidade com o Universal Analytics  Facilitar a implantação através do Google Tag Manager novembro de 2012 202012 digital cube - todos os direitos reservados
  21. 21. Mãos a obra GAS + Worpress GAS + SiteApps youtu.be/vGvVWVpW1e0 youtu.be/36_o8ZzeAxsOutras palestras relacionadas: Web Analytics Hacks (Intercon 2012)  Web Analytics para Desenvolvedores (TDC 2011) http://www.slideshare.net/_digitalcube/intercon-2012metricaswa-hacks http://slidesha.re/tdc-wa GAS: Uma força para as Análises (WAW SP 2012)  Google Analytics Hacks (Intercon 2011) http://www.slideshare.net/fabiophms/gas-google-analytics-on-steroids-12521719 http://intercon.cereto.net/template/ 2012 digital cube - todos os direitos reservados novembro de 2012
  22. 22. Thats all folks! Sobre Twitter GitHub about.me/phms @fabiophms /phms2012 digital cube - todos os direitos reservados novembro de 2012 22
  23. 23. www.digitalcube.com.br Novembro de 20122012 digital cube - todos os direitos reservados novembro de 2012
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×