GAS: Google Analytics on Steroids

#wawsp

Técnicas avançadas de implementação

Google Analytics on Steroidsabril de 12WAW SP - @fabiophms

1

#wawsp bit.ly/waw-gas

http://About.me/Phms

abril de 12WAW SP - @fabiophms

2

• Engenheiro de Computação por formação

• 3 anos no departamento de Web Analyticsda 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)

#wawsp bit.ly/waw-gas abril de 12WAW SP - @fabiophms

3

AnáliseTécnico


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


4


5


6

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


link

Por quais links

seus visitantes

estão saindo

do site?

Quantos

terminam de

assistir os

vídeos?

As páginas

longas são

vistas até o

final?

Qual é o campo

com maior

índice de

desistência do

formulário?


Pageview... e nada mais

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


8

var _gaq = _gaq || [];

_gaq.push(['_setAccount','UA-654321-78']);

_gaq.push(['_trackPageview']);


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!


9

Guia completo sobre Eventos no Google Analytics:

http://code.google.com/intl/pt-BR/apis/analytics/docs/tracking/eventTrackerGuide.html





evento eventoevento evento




Algo mais ou menos assim:


10


link

evento

evento

evento

evento

evento

evento

evento

evento

evento

eventoevento evento

evento


11

htt

p:/

/canhoto

rium

.blo

gsp

ot.

com

.br/

2010/09/e-a

gora

-quem

-podera

-nos-

defe

nder.

htm

l


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 DirectPerformance, atualmente Grupo Diginal INC

• Hoje a biblioteca já é utilizada em grandes portais e é mantida pelas equipes da Digital Cube e Cardinal Path


13

https://github.com/CardinalPath/gas

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




https://github.com/CardinalPath/gas


14


Contador de Downloads


15

_gasTrackDownloads


1

2

3


Porcentagem visualizada das páginas


17

_gasTrackMaxScroll

%


1

2

3


Cruzando com a resolução da tela podemos

chegar em análises como essa:


19

1680x1050

1024x780

1280x768

Apenas 20% das pessoas

com tela 1024x728 deram

scroll no mouse.

O engajamento foi

menor entre os

principais formatos de

tela:

•1024x768 – 19%

•1280x800 – 21%

•1680x1050 – 35%

E esse é apenas um exemplo...


Cliques em links para outros sites


20

_gasTrackOutboundLinks


1

2

3


Monitoramento de Vídeos


22

_gasTrackYoutube ou _gasTrackVimeo


E que tal montar um funil de finalizações

dos vídeos


23

Acessaram a página

Iniciaram o vídeo

Assistiram todo o vídeo


24

1

2

3

4


Campos e Botões de Formulários


25

_gasTrackForms


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.


26


27

1

2

3


28


Tão fácil quanto acender uma lâmpada


29

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


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


30


Track de vários domínios ERA problema


31

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


Múltiplas contas sem medo


32

_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


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


34

https://github.com/CardinalPath/gas/downloads

https://github.com/CardinalPath/gas/downloads

http://www.google.com.br/analytics/

http://www.google.com.br/analytics/

http://bit.ly/httpfox


Modo de preparo


35

youtu.be/vGvVWVpW1e0

http://youtu.be/vGvVWVpW1e0




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


36


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/


37

https://siteapps.com/




http://wordpress.org/

http://www.blogger.com/




Modo de preparo


38

youtu.be/36_o8ZzeAxs

http://youtu.be/36_o8ZzeAxs



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


That's all folks!


39

Sobre

about.me/phms

Twitter

@fabiophms

GitHub

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




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

#wawsp

Obrigado!Dúvidas?


40

Technology

GAS: Google Analytics on Steroids