GAS: Google Analytics on Steroids

1

Técnicas avançadas de implementação
Google Analytics on Steroids WAW SP - @fabiophms abril de 12

#wawsp

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


Análise
Técnico

4


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


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 Quantos As páginas Qual é o campo
seus 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


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


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


Algo mais ou menos assim:
evento evento evento evento

evento
evento evento
link evento evento
evento evento
evento evento

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

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

12


13


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


15


Contador de Downloads

_gasTrackDownloads

#wawsp bit.ly/waw-gas
2

1

3

17


Porcentagem visualizada das páginas %

_gasTrackMaxScroll

19


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


Cliques em links para outros sites

_gasTrackOutboundLinks

22


Monitoramento de Vídeos

_gasTrackYoutube ou _gasTrackVimeo

23


E que tal montar um funil de finalizações
dos vídeos

Acessaram a página

Iniciaram o vídeo

Assistiram todo
o vídeo

24

2
WAW SP - @fabiophms abril de 12

1

3

4

25


Campos e Botões de Formulários

_gasTrackForms

26


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
3
2
WAW SP - @fabiophms abril de 12

1

28


29


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


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


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


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


34


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


Modo de preparo

youtu.be/vGvVWVpW1e0

36


37


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


Modo de preparo

youtu.be/36_o8ZzeAxs

39


That's 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

Obrigado!
Dúvidas? WAW SP - @fabiophms abril de 12

#wawsp

GAS: Google Analytics on Steroids

Recommended

Recommended

More Related Content

Featured

Featured (20)

GAS: Google Analytics on Steroids