Técnicas avançadas de implementação do Google Analytics com GAS

Trilha - Marketing Digital
Técnicas avançadas de implementação do Google Analytics

Fábio Serra

Globalcode – Open4education

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)

2012 digital cube - todos os direitos reservados #TDC2012 - @fabiophms 2

Link para a apresentação:

gplus.to/DigitalCube

facebook.com/DigitalCube.com.br

2012 digital cube - todos os direitos reservados 3

Análise
Té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


Atualmente no Google Analytics…

2012 digital cube - todos os direitos reservados

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


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?


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.

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!

Guia completo sobre Eventos no Google Analytics:
http://code.google.com/intl/pt-BR/apis/analytics/docs/tracking/eventTrackerGuide.html


Algo mais ou menos assim:

evento evento evento evento

evento
evento evento
link evento evento
evento evento
evento evento


#TDC2012 - @fabiophms 12

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

GAS
Google Analytics on Steroids


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

Uma força extra para as Análises


Contador de Downloads

_gasTrackDownloads


2

1

3


Porcentagem visualizada das páginas
%

_gasTrackMaxScroll


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


Cliques em links para outros sites

_gasTrackOutboundLinks


Monitoramento de Vídeos

_gasTrackYoutube ou _gasTrackVimeo


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


2

1

3

4


Campos e Botões de Formulários

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


3
2

1


Por baixo dos panos:
API Javascript

#TDC2012 -

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


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


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;


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.


Receitas de Bolos
...sujando as mãos


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


Modo de preparo

youtu.be/vGvVWVpW1e0


Receitas de Bolos
...sem sujar as mãos


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/


Modo de preparo

youtu.be/36_o8ZzeAxs


That's all folks!

Sobre Twitter GitHub

about.me/phms @fabiophms /phms

Outras palestras relacionadas:
GAS - Google Analytics on Steroids (Eduardo Cereto)
http://www.slideshare.net/eduardocereto/gas-google-analytics-on-steroids-13070356
Web Analytics para Desenvolvedores (TDC 2011)
http://slidesha.re/tdc-wa
Google Analytics Hacks (Intercon 2011)
http://intercon.cereto.net/template/


Links para a apresentação:

gplus.to/DigitalCube

facebook.com/DigitalCube.com.br


42

www.digitalcube.com.br


Técnicas avançadas de implementação do Google Analytics com GAS

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Técnicas avançadas de implementação do Google Analytics com GAS

Semelhante a Técnicas avançadas de implementação do Google Analytics com GAS (20)

Técnicas avançadas de implementação do Google Analytics com GAS