GA Steroids Monitoriza Sites

GAS
Google Analytics on Steroids

Fábio Serra
@fabiophms

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

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
2

Implementar o
GA é fácil, certo?

novembro de 2012
3

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
4

O quê mais
poderíamos querer?
 E-commerce

 Variáveis customizadas

 Interações do visitantes (eventos)

novembro de 2012
5

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

E como implementar o
monitoramento de eventos?
<a href="#" onClick="_gaq.push(['_trackEvent',
'Videos', 'Play', 'Baby's First
Birthday']);">Play</a>

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

novembro de 2012
7

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

evento evento evento evento

evento
evento evento
link evento evento
evento evento
evento evento
Home Sobre Produto Contato

#TDC2012 - @fabiophms 8

novembro de 2012

http://canhotorium.blogspot.com.br/2010/09/e-agora-quem-podera-nos-defender.html
9

GAS
Google Analytics on Steroids

2012 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 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/gas
2012 digital cube - todos os direitos reservados novembro de 2012 11

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
12

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
13

14
14

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

novembro de 2012
15

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

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_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']);
<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-
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';
})();
})();
</script>
</script>

novembro de 2012
16

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

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

E trabalhar
com múltiplas contas?

_gaq.push(['_setAccount', 'UA-XXXXX-1']);
_gaq.push(['_setDomainName', 'mysite.com']);
_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() {
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +
'.google-analytics.com/ga.js';
})();

</script>

novembro de 2012
18

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

// enviado somente para a conta “2”
_gas.push(['antiga._trackPageview']);

novembro de 2012
19

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
20

Mãos a obra
GAS + Worpress GAS + SiteApps

youtu.be/vGvVWVpW1e0 youtu.be/36_o8ZzeAxs

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


That's all folks!

Sobre Twitter GitHub

about.me/phms @fabiophms /phms

22

www.digitalcube.com.br

Novembro de 2012


GA Steroids Monitoriza Sites

Recommandé

Recommandé

Contenu connexe

Similaire à GA Steroids Monitoriza Sites

Similaire à GA Steroids Monitoriza Sites (20)

GA Steroids Monitoriza Sites