Esta es la tercera entrega de los artículos sobre “tracking events”. En el primer capitulo hacíamos una introducción al concepto teórico de los “tracking events” con Google Analytics y sus posibilidades a nivel de negocio.

En el segundo capítulo veíamos un ejemplo de implementación de los tracking events, basado en los google maps. Hoy vamos a ver un ejemplo de como saber cuantas veces se visualizan los videos que tenemos en nuestro sitio web con Google Analytics.

(Acordaros como ya hemos recordado en los artículos previos que esta funcionalidad está en fase beta y aún no está disponible para la mayoría. Si queréis acceso a los tracking events, escribir a vuestro google adwords manager y le pedís que os habiliten la funcionalidad de los tracking events)

Para saber cuantas veces se habrá visualizado un video en nuestra web no hay otra forma que saber cuantas veces los usuarios le dan al botón “Play” de cada uno de los videos de los que disponemos.

¿Cómo lo haremos? Como decíamos en la introducción, primero hay que crear un objeto de seguimiento, que en este caso será el video.

Eso será tan sencillo como añadir esta linea de código al código standard de google analytics:

//crear un event tracker object con el nombre “video”

var videoTracker= pageTracker._createEventTracker(”Video”)

Una vez hemos declarado la función para realizar el seguimiento el código standard de google analytics que debemos implementar en nuestra página, debe ser éste:

<script type='text/javascript'>

var pageTracker = _gat._getTracker(”UA-XXXXX-X”);
pageTracker._initData();
pageTracker._trackPageview();

//crear un event tracker object con el nombre “video”

var videoTracker= pageTracker._createEventTracker(”Video”)

Ahora lo que hay que realizar es introducir código en la parte del video donde se realiza la acción, o sea, en el botón de play.

¿Como lo podríamos “codificar”?

onRelease (button) {

getURL (”javascript:videoTracker._trackEvent(´Play´, ´Ratatouille´);”)

}

Como habéis visto ahora ya tenemos indicadas el “objeto” (video), la “accion” (play) y la etiqueta (el nombre del video).

Ahora imaginemos que tenemos el video en nuestra página en la página web, podemos utilizar los parámetros FlashVars para disponer de “etiquetas” y “valores” individuales. Las Flashvars son la forma de pasar variables desde código html hasta un flash movie

Las flashvars las colocaremos al mismo nivel de código del flash movie. Pongamos un ejemplo:

<object classid:”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″

codebase=”http://download.macromedia.com/pub/shockwave/flash/swflash.cab#version=7,0,19,0″ width=”300″ height=”400″>

<param name=”FlashVars” value=”label=El%20Rey%20Leon&value=9/>

<param name=”movie” value=”movie1.swf”/>

<param name=”quality” value=”high”/>

<embed src=”pelicula11.swf

FlashVars=label=El%20Rey%20Leon&value=9″ qualit=”high”

plugispage:”http://www.macromedia.com/go/getFlashplayer” type=”application/x-shockwave-flash” width=”300″

height=”400″</embed>

</object>

Es en definitiva una de hace que tu código flash dentro del player sea más genérico y también mas “reusable”, o sea, que podamos utilizar el “mismo” código para cada película que hayamos creado para el video player.

Y al final en definitiva llamaríamos al objeto VideoTracker de la siguiente manera:

onRelease (botón) {

getUrl (”javascript:videoTracker._trackEvent(´Play´”+ label + “,” + value + “);”)

Bien parece muy complicado, con tantas lineas de código, pero la gente de programación que nos esté leyendo, sabe que es bastante más sencillo de lo que parece.

Mañana continuaremos con un ejemplo en el que contaremos el tiempo de carga de una página, utilizando el Event Tracking, pero eso lo dejamos para mañana.

Tags | event tracking