gas - google analytics on steroids #gauc2012

2012 digital cube - todos os direitos reservados novembro de 20122012 digital cube - todos os direitos reservados

GASGoogle Analytics on Steroids

Fábio Serra@fabiophms

1

http://www.gauc.com.br/

2012 digital cube - todos os direitos reservados novembro de 2012

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)

Fábio Serra

2

http://About.Me/Phms

http://www.dp6.com.br/

http://about.me/Phms


Implementar o GA é fácil, certo?

3


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!

Mas o que traz a implementação básica?

4


E-commerce

Variáveis customizadas

Interações do visitantes (eventos)

O quê mais poderíamos querer?

5


FAILFAIL


E como implementar o monitoramento de eventos?

7

Fonte: https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide

<a href="#" onClick="_gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']);">Play</a>

https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide


evento eventoevento evento




E no final teríamos algo mais ou menos assim:

#TDC2012 - @fabiophms 8

Home Sobre Produto Contato

link

evento

evento

evento

evento

evento

evento

evento

evento

evento

eventoevento eventoevento

evento

evento

evento

evento

evento

evento

evento

evento

evento

eventoevent

oevent

o

evento

evento

evento

evento

evento

event

o event

oevent

oevent

oevent

oevent

oevent

o

evento

evento


http:

//ca

nhot

oriu

m.b

logs

pot.c

om.b

r/20

10/0

9/e-

agor

a-qu

em-p

oder

a-no

s-de

fend

er.h

tml

Quem poderá nos defender?

9


GASGoogle Analytics on Steroids

10


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!

Mas o que esse GAS?

11

https://github.com/CardinalPath/gas

http://www.dp6.com.br/

https://github.com/CardinalPath/gas


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

Funcionalidades

12


Tudo isso com apenas um copiar e colar

13

<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];s.parentNode.insertBefore(ga, s);})();</script>

Novidade!GAS agora disponível

via cdnjs.com

http://cdnjs.com/

2012 digital cube - todos os direitos reservados novembro de 201214 14

Jóia!Jóia!


Como os Eventos são multidimensionais, podemos então..

15


O que você faz se o seu site tem vários domínios?

16

<script type="text/javascript">

var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_setDomainName', 'mysite.com']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_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>

<script type="text/javascript">

var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_setDomainName', 'myothersite.com']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_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>

<a href="http://www.myothersite.com/intro"onclick="_gaq.push(['_link', 'http://www.myothersite.com/intro.html']); return false;">See my blog</a>

<a href="http://www.mysite.com/"onclick="_gaq.push(['_link', 'http://www.mysite.com/']); return false;">Go back to my site</a>

<form name="f" method="post" onsubmit="_gaq.push(['_linkByPost', this]);“>FAILFAIL

https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApiDomainDirectory





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;

E como fazer isso com a GAS?

17

_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']);

JóiaJóia


E trabalhar com múltiplas contas?

18

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

FAILFAIL


Já com a GAS:

19

_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']);

JóiaJóia


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

E o que esperar para o futuro?

20

http://analytics.blogspot.com.br/2012/10/universal-analytics.html


Mãos a obra

youtu.be/vGvVWVpW1e0

GAS + Worpress

youtu.be/36_o8ZzeAxs

GAS + SiteApps

Outras palestras relacionadas:

Web Analytics Hacks (Intercon 2012)http://www.slideshare.net/_digitalcube/intercon-2012metricaswa-hacks

GAS: Uma força para as Análises (WAW SP 2012)http://www.slideshare.net/fabiophms/gas-google-analytics-on-steroids-12521719

Web Analytics para Desenvolvedores (TDC 2011)http://slidesha.re/tdc-wa

Google Analytics Hacks (Intercon 2011)http://intercon.cereto.net/template/

http://youtu.be/vGvVWVpW1e0

http://youtu.be/36_o8ZzeAxs



http://www.slideshare.net/_digitalcube/intercon-2012metricaswa-hacks

http://www.slideshare.net/fabiophms/gas-google-analytics-on-steroids-12521719

http://slidesha.re/tdc-wa

http://intercon.cereto.net/template/

http://www.youtube.com/watch?v=vGvVWVpW1e0

http://www.youtube.com/watch?v=vGvVWVpW1e0

http://www.youtube.com/watch?v=36_o8ZzeAxs

http://www.youtube.com/watch?v=36_o8ZzeAxs


That's all folks!

22

Sobre

about.me/phms

Twitter

@fabiophms

GitHub

/phms


www.digitalcube.com.br

Novembro de 2012

gas - google analytics on steroids #gauc2012

Technology