(No Ratings Yet)
Loading ...Tiempo de carga de una página (event tracking 4)
Continuamos con la serie de artículos de los Events Tracking, la nueva funcionalidad, aún en estado beta, de Google Analytics.
Hasta el día de hoy hemos explicado como implementar Event Tracking para seguimiento de Google Maps, Videos y ahora queremos enseñaros un poco que rendimiento tiene a niveles técnicos y de sistemas.
Con el Event Tracking podremos medir el tiempo de carga de una página, en milesegundos, pasando un valor para un evento.
¿Para que querríamos saber el tiempo de descarga de una página?
Pues por varias razones. Casi todas ellas técnicas pero que afectan directamente a negocio.
Imaginar que estamos lanzando una campaña comercial y los anuncios los envíamos
a una landing page. Necesitamos que esta página sea rápida, porque los usuarios que vienen de campañas o de tráfico orgánico gratuito, suelen tener un ratio de abandono bastante alto. Si a ello le sumamos que la página de destino tarda en cargarse, casi seguro que el usuario le dará al botón “volver” y hará clic en nuestra competencia. Por lo tanto es importante tener esto controlado. No solo nos jugamos un aspecto técnico, sino mucho del presupuesto y el ROI de las campañas.
Implementar el código es sencillo, así que vamos a dar las instrucciones.
Calcularemos el tiempo de carga en el principio y el final de una página html, a través del método JavaScript Date().
La diferencia entre los dos instantes se pasará a la llamada _trackEvent():
<body>
<scripts type=”text/javascript”>
var begin = new Date ();
var Start = Begin.getTime();
</script>
[…Page Body Content…]
<script type=”text/javascript”>
var gaJsHost = ((”https;”== document.location.protocol) ? “htpps://ssl.” :”http://www”);
document.write(unescape(”%3Cscript src=´” + gaJsHost + “google-analytics.com/ga.js´ type=´text/javascript´%3E%3C/script%3E”));
</script>
——————————————————————————-
ahora introducimos el código base de GA
——————————————————————————
<script type=“text/javascript”>
var gaJsHost = ((”https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(”%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script><script type=“text/javascript”>
var pageTracker= _gat._getTracker(”UA-xxxxxx-x”);
pageTracker._initData();
pageTracker._trackPageview();
</script>
Y ahora viene el momento de crear un objeto Event Tracker con el nombre de "tiempo de descarga"
De la forma siguiente:
var loadTracker= pageTracker._createEventTracker(´Page Load´);
var End = new Date();
var Stope = End.getTime():
var timeElapse=Stop-Start: //guardado en milisegundos
loadTracker._trackEvent(´Load - Time´, ´productos/paginax.htm´, timeElapse);
</script>
</body>
Desde luego que todo es muy técnico y aunque parezca complicado realmente no lo es.
El informe que se nos mostrará en GA en la pestaña de Event Tracking será el siguiente:
Una lista de páginas con todos los valores de carga en milisegundos, así como la
media de descarga de la página en general.
(os recuerdo una vez más que esta funcionalidad está en fase beta y de momento no es visible
ni utilizable a no ser que tengamos un google adwords manager, el cual nos permita activar
esta funcionalidad entre nuestros informes de GA)
(No Ratings Yet) Loading ...Seguimiento de cuantas veces se ha visualizado un video (capitulo 3)
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.
(No Ratings Yet) Loading ...Midiendo videos, google maps, gadgets…con Google Analytics (parte2)
En la primera parte de esta serie de artículos explicábamos la introducción a que cosas podíamos empezar a medir con los
denominados “event tracking“. Explicábamos el concepto en si y como plantear la implementación de seguimientos.
Dijimos que se puede realizar un seguimiento de las acciones que hace el usuario cuando ve un video o cuando hace una acción sobre un google map, etc…
(Pensad que éstas funcionalidades están aún en fase beta, de testeo por parte de google analytics, pero podéis pedirle a google que os autorice a tener este funcionalidad beta en vuestros informes e ir probando. Los que tengan google adwords managers de google, son los que realmente tienen mas posibilidades de poder empezar a implementarlas. La release oficial de Event Tracking se espera ya desde hace unos meses y significará un salto de calidad de este programa)
Pues hoy lo que vamos a hacer es explicar un ejemplo del código que hay que implementar para hacer el seguimiento de los usuarios que usan un google map en vuestra página y que cambian de tipo de mapa para hacer su búsqueda (mapa normal, satélite, híbrido), pero si léeis el primer capítulo, podéis ver que las posibilidades son enormes.
Cogeremos este ejemplo, porque lo que queremos ver es como preparar el experimento, como implementarlo y como analizar los resultados. Como la funcionalidad es aún beta, debemos utilizar pantallazos que Google ya ha distribuido a algunos de sus bloggers en Europa. Nos basamos en el ejemplo de Epikone, para luego poder utilizar prestados sus pantallazos y poderos enseñar como analizar los resultados.
El próximo artículo, en lugar de hablar de los event tracking aplicados a google maps, lo haremos con referencia a medir el comportamiento de un usuario con los videos que tenemos en nuestro sitio web…hoy toca google maps…
Este artículo va a ser bastante técnico, así que la gente de marketing online que no se me asuste. Los conceptos son bastante sencillos y de lo que se trata es simplemente de desmitificar las dificultades a la hora de implementar desarrollos que nos ayuden a medir los event tracking.
Empecemos por explicar lo lógico, que tenemos el código de Google Analytics implementado en nuestro sitio web, semejante a este:
<script type='text/javascript'>;
var pageTracker = _gat._getTracker("UA-XXXXX-X");
pageTracker._initData();
pageTracker._trackPageview();
</script>
(Pensar que esto solo funcionará con el nuevo código de GA, el ga.js)
Tal y cómo hemos descrito en el primer capítulo, ahora toca describir el objeto que en nuestro caso es una mapa, a través de la función _createEventTracker();
O sea, para ponero más claro para nuestro ejemplo definimos el objeto “mapa” para nuestro site, de esta forma cuando miremos en los informes del perfil de google analytics
veremos como objeto al valor “map”.. En código lo implementaremos así:
var mapEventTracker = pageTracker._createEventTracker('Map');
¿Dónde colocamos este código? Justo después del código estandard de Google Analytics…
Entonces el código quedaría así:
<script type='text/javascript'>
var pageTracker = _gat._getTracker("UA-XXXXX-X");
pageTracker._initData();
pageTracker._trackPageview();
// Aquí colocamos el nuevo evento
var mapEventTracker = pageTracker._createEventTracker('Map');
</script>
Ahora lo que hay que realizar es asociar una acción con este objeto.
La acción puede ser para este ejemplo el cambiar de tipo de mapa,
en el objeto que es el mismo mapa. Este código que implementamos lo deberemos ubicar
en la zona del código donde se produce la acción.
TEnemos que incluir el código en la zona donde el usuario hace clic para cambiar de tipo de mapa.
Lo haremos mediante la función “on clic”, así que sencillito. De la siguiente forma:
onClick="mapEventTracker._trackEvent('Change Map View', <label>, <value>);"
Las etiquetas “label” y “value” (label=etiqueta y value=valor…tal como los habíamos definido en el capítulo anterior) por sus valores en este caso.
En el ejemplo definimos…que según el tipo de mapa que el usuario mire se le asigna un valor:
Map 5
Satellite 10
Hybrid 15
Street Level 20
(esto es solo un ejemplo. No tiene porque ser aplicable a vuestro negocio ni entendible…simplemente hay que entender que a cada acción se le asigna un valor, para analizar qué acción se realiza más, y también que acción cobra mayor relevancia.
O sea que una acción que se realice menos veces puede tener mayor importancia que una que se hay repetido más veces).
Cuando un usuario haga clic en un mapa, el código mandará la acción, la etiqueta (label) y su valor (value) a Google Analytics. Como os he comentado esto es simplemente un ejemplo, para cada negocio, las prioridades a analizar serán distintas, no toméis el modelo de ejemplo, sino lo fácil que es implementar el event tracking.
Para mañana otro ejemplo…el de implementar el seguimiento de videos en tu sitio web con Google Analytics.
Y para finalizar acabaremos viendo unos pantallazos de como se verían éstos informes.
Lo dicho, fácil de preparar, más fácil aún de implementar….
(No Ratings Yet) Loading ...Midiendo videos, google maps, gadgets…con Google Analytics
Me preguntaba si ya había la hora de hablar de las funcionalidades más avanzadas de Google Analytics, como los “tracking events” y creo que después de hablar de muchos coneceptos y configuraciones, toca ya tocar el tema a fondo.
Esto es aún una funcionalidad beta de Google Analytics y muy pronto ya estará disponible para todos (si tienes la suerte de tener un adwords manager de google, puedes pedirle que te active el events tracking beta y así lo empezarás a ver)…así que que mejor que introduciros todas las funcionalidades posibles y las sorpresas que Google Analytics nos depara…
Hablar de los tracking events merece dos o tres capítulos. Ya sabéis que mis artículos suelen ser largos, pero explicar todo lo que se puede hacer en los tracking events sería como escribir la biblia en verso, así que hoy tocaremos la introducción y en los próximos días iremos viendo cosas que se pueden llegar a hacer.
Empecemos pues con el concepto principal. ¿Porqué hablamos de tracking events? Bien hasta ahora lo que hemos analizado con Google Analytics son todas las actividades que realiza el usuario basadas en la visualización de una página de nuestro sitio web.
Pero Google Analytics es capaz de medir cualquier actividad que un usuario realiza en un browser.
¿Qué es lo que podemos con los Tracking Events?
- Cualquier elemento basado en la tecnología flash, como un sitio web en flash o un flash movie player
- Elementos ajax que encontramos en una página: on clic, on submit, onreset, onMouseOver, onMouseOut, etc…
- Gadgets de páginas
- Descargas
- Mapas
Y muchos os diréis….¿vale y que? ¿Qué hago con todo esto?
Los que ahora estáis leyendo este mega-artículo (por largo), seréis gente de marketing, de programación, analistas web, seos, ….
¿Qué cosa podemos medir?….los videos que se visualizan….el tiempo que pasan los usuarios viendo un video, los zoom in and outs que se hacen sobre un google maps, que tipo de mapa es más popular (el satélite, el híbrido) y todas las cosas que nos imáginemos con las funcionalidades antes descritas…
Lo importante es saber que quieres medir, para que la funcionalidad que vas a desarrollar te dé información de calidad y que te va ayudar a tomar decisiones para tu negocio online.
¿Qués es lo que vamos a necesitar para poder medir los tracking events? Claro y sencillo, un poco de java script, en los que mediremos objetos y acciones. Más adelante ya veremos que en el panel de Google Analytics, esto se va a traducir en conceptos como “objetos”, “acciones”, “etiquetas” y “valores”.
¿Qué son los objetos? Las partes de las páginas en las que los usuarios van a interactuar: un video, un gadget, un mapa…
¿Qué son las acciones? Las acciones que un usuario puede realizar con los objetos que les presentamos: hacer play en un video, pasar el ratón por encima, hacer zoom en un mapa, cambiar el tipo de vista en un google map…
¿Qué son las etiquetas? Los valores que tiene una misma acción.
Ejemplo: volviendo al google map…..si la acción fuera cambiar el tipo de vista, las etiquetas posibles serían: “satelite”, “hibrido”, “map”, street level”.
Así podremos saber cual es la opción más utilizada para un usuario…
¿Y que son los valores? Desde un punto de vista de marketing siempre nos gusta cuantificar las acciones. Si ponemos el ejemplo de los google maps otra vez, diríamos por ejemplo, que a lo mejor se puede comercializar mejor un producto en un mapa normal, que en uno satélite y de esta forma podemos sacar el rendimiento monetario estimativo que obtenemos según el tipo de clic en el tipo de mapa.
¿Como nos quedaría el experiemento entonces?
Objetivo: Medir que tipo de mapa los usuarios utilizan más y su rendibilidad económica.
Objeto: Mapa
Acción: Cambiar el tipo de mapa
Etiquetas: Mapa, satélito, híbrido, street level
Valores: 5, 10, 15, 20
Ahora toca hablar del código que deberíamos implementar….pero esto será en el próximo capítulo…
¿Seguro que muchos de vosotros utilizáis Videos en vuestros sites, o google Maps, o Gadgets…y ahora con GA lo podemos medir…¿Alguno de vosotros lo está haciendo ya con Google Analytics? ¿Lo teníais pensado?
(No Ratings Yet) Loading ...Vuelta al trabajo después de las vacaciones en Mallorca…
Hoy es mi primer día de trabajo. El típico día donde te esperan un número espectacular de emails que te ayudan a ponerte al día de lo que dejastes atrás antes de las dos semanas de vacaciones que me tomé.
De eso quería hablaros un poco. Antes de entrar en materia y volver a escribir sobre Google Analytics, me gustaría escribir cuatro lineas acerca de mis vacaciones.
Estuve en Mallorca, Jose tenía razón…en Menorca, no, aunque tengo mono de Menorca, ya que fui de pequeñito, y como me encantan las Baleares…tengo que volver por allí pronto.
Mallorca me encanta. Y con las ofertas que hoy en día tenemos gracias a las “Low-cost”, puede parecer que escoger las Baleares como destino turístico viviendo en Barcelona..podria saber a unas vacaciones descafeinadas.
Pues para nada. Mallorca, la isla de la Calma tal y como la llaman algunos tiene algo que me roba el corazón. Playa, playa y más playa pensarán algunos. Mallorca tiene de todo…
Además de ir a la playa estuve visitando un poco de la Mallorca interior que tan poco se conoce. Manacor, Soller, Inca, Campos, la Serra…
Un Mallorca distinto, bonito, tradicional…me encantan las casas con los porticones verdes y el olor a pino cuando conduces por cualquiera de las carreteras de la isla.
Viví en la isla hace ya un buen tiempo y ha cambiado bastante. Para empezar la autovía con Palma, que es espectacular. Todo muy bien señalizado…y la desapareción de la mayoría de muros en las carreteras locales.
Si…Mallorca tiene mucho alemán…pero también tiene mucho de autóctono, muy mallorquín…con su idioma, que a mi me encanta (que acento!) y su hospitalidad.
Estuve alojado en Cala Ratjada, en Capdepera en el noreste…y así tuve ocasión de visitar uno de los lugares donde viví, Alcudia y sus playas blancas y aguas cristalinas…
Pasé tiempo en Manacor, visité las conocidas “Coves del Drac” en Porto Cristo y me escapé hasta Soller (que pueblo más bonito) y Valldemosa. Recorrimos las caracoleadas carreteras de la Serra para llegar a Sa Colobra (ahora entiendo la necesidad brutal del túnel de sóller). Hubiera querido hacer y ver más, pero los 10 días pasaron volando…
Fueron 10 días realmente apasionantes….en Mallorca y uno vuelve con las pilas cargadas. De vuelta a Barcelona uno se va a la playa y se da cuentade la diferencia abismal entre las playas de un sitio y del otro…en Mallorca podía ver el fondo del mar a través de sus aguas cristalinas a distancia..en Barcelona, el agua de mar…..además de llena de medusas está bastante sucia….
En definitiva…que os recomiendo visitar la isla en cuanto queráis tomaros un relax…no hace falta ir al Caribe cuando aquí tenemos las Baleares tan cerquita…el clima, la gente, su historia y sus lugares….hacen de Mallorca un buen sitio para pasar unas buenas vacaciones…
A mi me ha servido para venir con las pilas bien cargaditas…
Os dejo con algunas imágenes de sitios que he visitado que encontré en flickr…
Soller y su tranvía…
Sa Colobra….que aguas más limpias…que espacio natural…
La carretera que comunica Soller y Sa Colobra…que llega a 1600 metros de altitud…con sus mil y una curvas…
Y como no, las Cuevas del Drac….impresionantes….
