• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
GAS: Google Analytics on Steroids
 

GAS: Google Analytics on Steroids

on

  • 4,668 views

Técnicas avançadas de implementação do Google Analytics usando a biblioteca GAS. ...

Técnicas avançadas de implementação do Google Analytics usando a biblioteca GAS.

Automatize a mensuração de vídeos, formulários, links, scroll, downloads.

Acompanhe o projeto:
https://github.com/CardinalPath/gas

Statistics

Views

Total Views
4,668
Views on SlideShare
4,328
Embed Views
340

Actions

Likes
17
Downloads
58
Comments
6

12 Embeds 340

http://mahortense.tumblr.com 268
http://fabiophms.tumblr.com 29
http://us-w1.rockmelt.com 24
https://twitter.com 5
http://www.linkedin.com 4
http://www.mahortense.tumblr.com 3
https://si0.twimg.com 2
http://www.bing.com 1
http://dev.sencha.com 1
http://nodeslide.herokuapp.com 1
http://www.google.com 1
https://www.linkedin.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

16 of 6 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • @GlauberOliveira3 Olá Glauber, tente executar o comando correspondente após toda a finalização do código AJAX:

    _gas.push(['_gasTrackForms']);

    Isto fará a tag procurar por novos fomulários na página.
    Espero ter ajudado.
    []s
    Are you sure you want to
    Your message goes here
    Processing…
  • Oi Fábio, tenho um site cuja tela de cadastro é injetada na página através de ajax, é possível o GAS monitorar o form dessa tela injetada? como faço isso, pois só colocando na minha msterpage nao rolou :( …. []‘s
    Are you sure you want to
    Your message goes here
    Processing…
  • @henriqueschiavo1 Olá Henrique, não conheço esse plugin, mas a GAS funciona sobre os elementos padrões do HTML, ou seja, deve funcionar para todos os formulários.

    Sobre a sobreposição das métricas no GA, provavelmente deve-se ao fato deste plugin utilizar o mesmo nome para todos os formulários. A GAS usa o parâmetro 'name' da tag 'form' para diferenciar os dados. Veja se é possível essa customização pelo plugin.

    Espero ter ajudado e obrigado pelo comentário.
    []s
    Are you sure you want to
    Your message goes here
    Processing…
  • @alexandrewerner Olá Alexandre, a GAS é um projeto opensource e todos são livres (e incentivados) a aprimorar e evoluir a biblioteca!

    Para o tracker do scroll vertical basta replicar a lógica do plugin atual (scroll horizontal) para capturar as medidas de largura das páginas. Só precisa de um pouco de JS ;)

    Código do plugin: https://github.com/CardinalPath/gas/blob/master/src/plugins/max_scroll.js
    Are you sure you want to
    Your message goes here
    Processing…
  • Fábio, com vai? Amigo, tenho um site onde o scroll é horizontal (não tem vertical), no GA ele identifica como 100% a maioria das páginas (naturalmente), é possível manipular o script para contabilizar o scroll horizontal? Obrigado
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    GAS: Google Analytics on Steroids GAS: Google Analytics on Steroids Presentation Transcript

    • 1Técnicas avançadas de implementaçãoGoogle 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Análise Técnico
    • 4#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
    • 6#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 link Home Sobre Produto ContatoPor quais links Quantos As páginas Qual é o camposeus 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Algo mais ou menos assim: evento evento evento evento evento evento evento evento evento evento evento evento evento evento evento link evento evento evento evento evento eventoevento evento evento evento Home Sobre Produto Contato evento evento evento evento
    • #wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 11http://canhotorium.blogspot.com.br/2010/09/e-agora-quem-podera-nos-defender.html
    • 12#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
    • 13#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 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 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
    • 15#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Contador de Downloads _gasTrackDownloads
    • #wawsp bit.ly/waw-gas 2 1 3
    • 17#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Porcentagem visualizada das páginas % _gasTrackMaxScroll
    • #wawsp bit.ly/waw-gas 2 1 3
    • 19#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Cliques em links para outros sites _gasTrackOutboundLinks
    • #wawsp bit.ly/waw-gas 2 1 3
    • 22#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Monitoramento de Vídeos _gasTrackYoutube ou _gasTrackVimeo
    • 23#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12E que tal montar um funil de finalizaçõesdos vídeos Acessaram a página Iniciaram o vídeo Assistiram todo o vídeo
    • 24#wawsp bit.ly/waw-gas 2 WAW SP - @fabiophms abril de 12 1 3 4
    • 25#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Campos e Botões de Formulários _gasTrackForms
    • 26#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas 2 WAW SP - @fabiophms abril de 12 1
    • 28#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
    • 29#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 • _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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
    • 34#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Modo de preparo youtu.be/vGvVWVpW1e0
    • 36#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12
    • 37#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 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#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Modo de preparo youtu.be/36_o8ZzeAxs
    • 39#wawsp bit.ly/waw-gas WAW SP - @fabiophms abril de 12 Thats 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/
    • 40Obrigado!Dúvidas? WAW SP - @fabiophms abril de 12 #wawsp