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

Globalcode – Open4education

Trilha - Marketing Digital

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

Fábio Serra

2012 digital cube - todos os direitos reservados

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)

#TDC2012 - @fabiophms 2

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



Link para a apresentação:

gplus.to/DigitalCube

facebook.com/DigitalCube.com.br

3

http://gplus.to/DigitalCube




http://www.facebook.com/DigitalCube.com.br

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

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…


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


Home Sobre Produto Contato

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


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.


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





evento evento evento evento




Algo mais ou menos assim:



link

evento

evento

evento

evento

evento

evento

evento

evento

evento

evento evento evento

evento

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

htt

p:/

/canhoto

rium

.blo

gsp

ot.

com

.br/

2010/09/e-a

gora

-quem

-podera

-nos-

defe

nder.

htm

l


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

14 #TDC2012 - @fabiophms

https://github.com/CardinalPath/gas





https://github.com/CardinalPath/gas


Uma força extra para as Análises


Contador de Downloads

16

_gasTrackDownloads

#TDC2012 - @fabiophms


1

2

3


Porcentagem visualizada das páginas

_gasTrackMaxScroll

%

18 #TDC2012 - @fabiophms


1

2

3


Cruzando com a resolução da tela podemos chegar

em análises como essa: 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

_gasTrackOutboundLinks



1

2

3


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



1

2

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.



1

2

3


Por baixo dos panos:

API Javascript

#TDC2012 -

@fabiophms

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



_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

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;

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

_gas.push(['_setAllowLinker', true]);

_gas.push(['_setDomainName', 'meusite.com']);

_gas.push(['_setDomainName', 'meuoutrosite.com']);

_gas.push(['_gasMultiDomain', 'click']);



Múltiplas contas sem medo

O Google não recomenda a implementação de múltiplas contas usando a código

padrão do GA.

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



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







http://bit.ly/httpfox


Modo de preparo

youtu.be/vGvVWVpW1e0


http://youtu.be/vGvVWVpW1e0

http://www.youtube.com/watch?v=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/


https://siteapps.com/




http://wordpress.org/

http://www.blogger.com/




Modo de preparo

youtu.be/36_o8ZzeAxs


http://youtu.be/36_o8ZzeAxs



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


That's all folks!

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/

Sobre

about.me/phms

Twitter

@fabiophms

GitHub

/phms























Links para a apresentação:

gplus.to/DigitalCube

facebook.com/DigitalCube.com.br

41





http://www.facebook.com/DigitalCube.com.br


www.digitalcube.com.br

42

http://www.digitalcube.com.br/

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

Technology

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