youtube-google-analytics
Apr-30

COMPARTILHE

TAGS

Como medir vídeos YouTube com Google Analytics

Posted by

youtube-google-analyticsSe você tem vídeos postados no YouTube já deve saber que é possível analisar estatísticas e métricas avançadas sobre a visualização da sua obra de arte através do YouTube Insights. Para quem não conhece é um recurso espetacular do YouTube que fornece dados de origem, dados demográficos e até de tempo de visualização dos seus vídeos.

Porém, se você gosta de incorporar os vídeos em sua página ou blog, já deve ter passado pela frustração de não saber quanto do seu vídeo é visto pelos seus visitantes, ou ao menos quantas pessoas chegaram até o final do vídeo.

Mas, e o Google Analytics, não pode medir isso?

Bom, por padrão é difícil, afinal um vídeo YouTube incorporado (embedded) é um player flash que não pode ser editado. Mas, como gostamos de desafios, sejam eles quais forem (e quanto mais nerd melhor) não desistimos!

Garimpando um pouco a API do Youtube, encontramos maneiras de monitorar os eventos de vídeo, e, com um pouquinho de força mental (e alguns parâmetros no player), já é possível monitorar estes eventos e enviar as informações para o Google Analytics com um simples código javascript.

Inspirados assim, desenvolvemos uma pequena biblioteca javascript que permite ligarmos os vídeos Youtube incorporados em qualquer página a um tracking de eventos para o Google Analytics. Nós também abrimos o código-fonte no Google Code (ga-youtube-tracker) para que mais pessoas possam se beneficiar, customizar e melhorar a biblioteca. Participe :)

Para usar a biblioteca é simples:

  1. Adicione um ID para o elemento flash do player incorporado à página
  2. Adicione à URL do vídeo Youtube os parâmetros: &enablejsapi=1&playerapiid=ID_DO_ELEMENTO_FLASH
  3. Faça o download do arquivo Javascript da biblioteca Google Analytics for YouTube e hospede no seu servidor
  4. Inclua uma chamada para a biblioteca na sua página que contem o(s) vídeo(s)

Fácil não?

Temos que nos preocupar somente com 1 detalhe técnico para viabilizar tudo isso:

  • No Internet Explorer, alguns recursos da API do YouTube não podem ser executadas com o player incorporado direto como um elemento HTML (OBJECT / EMBED), então, utilize a biblioteca SWFObject para incorporar o player de vídeo.

Vejam como fica o código de uma página simples de exemplo:

<!--SWF Object Reference needed to cross-browser embedding the player-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>  

<!--YouTube Embedded Code - Video 1-->
<div id="flashdiv1"></div>
<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "myplayerid1" };
swfobject.embedSWF("http://www.youtube.com/v/gRvUpoTT-Bo&hl=pt-br&fs=1&enablejsapi=1&playerapiid=myplayerid1", "flashdiv1", "425", "344", "8", null, null, params, atts);
</script>

<!--Youtube tracking component-->
<script src="ga_dpc_youtube.js"></script>
<!--Initializing component-->
<script>
	try{
		var ytTracker = new YoutubeTracker();
	}catch(e){}
</script>

A biblioteca monitora o vídeo incorporado e dispara os seguintes eventos para a interface de rastreamento de eventos do Google Analytics:

  1. Cued (vídeo preparado)
  2. Play
  3. Paused
  4. Ended (chegou no final)
  5. Fast-Forward (avançou)
  6. Rewind (retrocedeu)
  7. View-Range (quanto do vídeo já visualizou)

Para cada um dos eventos disparados, a biblioteca inclui uma marcação indicando em qual parte do vídeo aquele evento ocorreu. É possível por exemplo saber em quantos segundos do vídeo os visitantes avançam mais o vídeo ou param a execução. Ou ainda saber se eles visualizam até metade do vídeo, ou até o final, etc.

Veja como fica nos relatórios:

As categorias de eventos são definidas como youtube-video:Id-do-vídeo-YouTube:

youtube-google-analytics-report-categories

Fazendo drill-down em algum vídeo específico, você verá que as ações são nada mais que os eventos do vídeo (cued, play, paused, ended, fast-foward, rewind):

youtube-google-analytics-report-actions

E se você clicar em cada ação, verá que cada ação está associado a uma parte do vídeo em faixas de tempo de visualização:

youtube-google-analytics-report-labels

Essas faixas (chamadas “buckets”) são definidas por padrão como as faixas de duração de visitas do Google Analytics em segundos (0-9, 10-29, 30-59, 60-179, 180-599, 600+). É possível, porém personalizar estas faixas passando o parâmetro opt_bucket para o método de inicialização da biblioteca na página. Veja o exemplo (definindo as faixas por segundos para 0-29, 30-59, 60-89, 90-119, 120+):

<script>
	try{
		var ytTracker = new YoutubeTracker([30,60,90,120]);
	}catch(e){}
</script>

Simples não?

Keep on tagging!

Posts relacionados