Google Analytics y Flash

Google Analytics el popular servicio de Google para hacer el seguimiento de visitas a una web, tiene entre las muchas características la de poder hacer seguimiento de visitas de archivos flash, en esta ocasión haremos una revisión de la manera de implementarla en nuestras paginas flash.

logo_ga.gif

Que necesitamos?
Lo primero, es tener una cuenta de Google Analytics e instalar el código de seguimiento en nuestro sitio web, puedes registrarte de forma gratuita en http://www.google.com/analytics/. El siguiente paso es instalar el código de seguimiento en nuestras paginas, para ello se nos da un código javascript que se debe colocar en nuestro HTML justo antes del tag el cual es de la forma:

<script src="...urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
      _uacct = "UA-XXXXXX-X";
      urchinTracker();
</script>

Como Funciona?
Una vez instalado nuestro código de seguimiento, esto hará que todas las paginas a las que se accedan queden registradas. Adicionalmente a esto hay una función llamada urchinTracker que viene incluida en este código que hemos añadido. Esta función puede recibir un parámetro de texto el cual se guardará en el registro de visitas.

Entonces, por ejemplo accedemos a un archivo ejemplo.zip, podríamos pasar el nombre de este archivo como parámetro a la función y esto hara que se registre, esto lo hacemos con el siguiente código:

javascript:urchinTracker('/ejemplo.zip');

De la misma forma podríamos hacer cuando se accede a un SWF, para ello se necesita llamar la función urchinTracker, la cual es un javascript entonces utilizaremos la función getURL de flash.

Implementación
Típicamente cuando se desarrolla sitios enteramente hechos en flash las llamadas a las diferentes secciones se hace cargando el MovieClip de la sección, esta llamada se hace desde un botón, por ejemplo si se tiene que llamar a la sección productos se hace de la forma:

[as]
btproductos.onPress = function() {
loadMovie(«productos.swf»);
}
[/as]

Entonces si deseamos hacer el seguimiento en Google Analytics se debe llamar a la función urchinTracker de la siguiente forma:

[as]
btproductos.onPress = function() {
loadMovie(«productos.swf»);
getURL(«javascript:urchinTracker(‘/productos.swf’);»);
}
[/as]

Sencillo, cierto?. Solo una linea adicional y ya tenemos registradas las visitas a cada sección flash. Ahora no necesariamente se tiene que pasar a la función urchinTracker el nombre exacto del SWF que llamamos si no puede ser una palabra que describa la sección a la que se accede por ejemplo: productos, servicios, etc. Todo esto de acuerdo a como queremos que aparezca en nuestro registro de visitas.

Si deseas un referencia completa de esta carácteristica puedes leer: http://www.google.com/support/analytics/bin/answer.py?answer=27243

Comentarios Total 15 comentarios

Freddie®
Publicado: 31/01/2007 2:52 am

¿Tu has probado esto con Flash 8?

unijimpe
Publicado: 31/01/2007 8:33 am

Desde luego que lo he probado en flash 8 y funciona muy bien.

Saludos


[…] Google Analytics y Flash – unijimpe […]

Luis C.
Publicado: 16/06/2007 4:18 am

Pues con la novedad de que hago un loadMovie en un frame y en lugar de cargar el .swf me corre toda la pelicula nuevamente, alguien sabe a que se deba? Esto es lo que pongo:

loadMovie(«pelicula.swf»,»movieclip»);

o

mc.loadMovie(«pelucila.swf»);

que podra ser??

Luis C.
Publicado: 16/06/2007 4:20 am

ah
se me paso comentar que es en flash 8 por que en el 04 si funciona asi… saludos y gracias.

Andres
Publicado: 28/04/2008 9:34 am

QUe pasa con el nuevo código de aeguimiento que implemntó Google Analytics, ahi no viene la funcion urchinTracker ahora el esquema es diferente, como se le da seguimiento dentro de flash. EL esquema ahora es asi, veanlo aqui:

http://www.google.com/support/analytics/bin/static.py?page=troubleshooter.cs&problem=tracking&selected=tracking_flash&ctx=tracking_tracking_flash_55520&aw_referral=

Christian Portuguez C.
Publicado: 04/06/2008 2:33 pm

Muy buen dato de google analytics for flash =)

Google Analitics para Flash » unijimpe
Publicado: 22/11/2008 11:45 am

[…] anterior oportunidad habíamos comentado sobre Google Analytics y Flash, una técnica que utiliza getURL para comunicar Flash con Javascript y por ello comunicar Flash con […]

Google Analytics para Flash | MrVixio
Publicado: 06/12/2008 9:12 am

[…] anterior oportunidad habíamos comentado sobre Google Analytics y Flash, una técnica que utiliza getURL para comunicar Flash con Javascript y por ello comunicar Flash con […]

Asier
Publicado: 21/09/2009 10:13 am

_uacct = «UA-XXXXXX-X»;
urchinTracker();

cuando me bajo el codigo de google analytics no me descargo ningun archivo llamado urchin.js, el script llama a ese archivo… de dónde me lo puedo descargar? es necesario?

Lo que he hecho yo, es, antes del código de goolgleAnlytics insterar el script, y donde _uacct = «UA-XXXXXX-X»; meter mi númerod e analytics.

Que hay que hacer exactamente??

Gracias!

unijimpe
Publicado: 21/09/2009 10:36 pm

Asier, no hace falta descargar esta librería, debes poner ese código en el HTML de tu web para incluir Google Analytics. Para mas información puedes leer: http://blog.unijimpe.net/nuevo-codigo-google-analytics/

Asier
Publicado: 23/09/2009 2:31 am

Muchas gracias unijimpe! ya lo he solucionado y funciona perfectamente!!

gracias de nuevo!

Saludos

Google Analytics y Flash
Publicado: 04/11/2010 10:36 am

[…] Fuente:  http://blog.unijimpe.net/google-analytics-y-flash/ […]

Juddy
Publicado: 01/06/2011 12:46 am

Hola! Primero que nada, gracias por hacer un blog tan bien explicado, es de lo mejor gente como tu que nos brinda sus conocimientos, GRACIAS.Quiero preguntarte si después de implementar el codigo tal y como lo explicas en que parte de Google analitics puedo checar las estadisticas de los eventos en flash, yo lo deseo usar principalmente para medir los clicks en los banners de anunciantes.

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)