Tiempo de carga de una página (event tracking 4)
Posteado el 14 August 2008 by Ferriol Egea
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)
Tags | event tracking
August 21st, 2008 at 5:07 pm
No me queda clara la parte donde restas los valores:
timeElapse=Stop-Start:
o quizas no es una resta pq al final tienes “dos puntos :” y no “punto y coma ;”
Suponto q Stop y Start son variables pero no veo donde le cargas valores.
Saludos
August 28th, 2008 at 3:53 pm
A mi no me queda claro como puedo activar el Event Tracking. Dices de escribir a mi google adwords manager pero esto que significa?? Como le escribo?? Tell me something Ferriol que me gustaria probar…
Merci
August 28th, 2008 at 4:45 pm
Hola Francesco,
El Event Tracking está en fase BETA. O sea que aun no hay fecha de release. La funcionalidad se puede probar pidiéndole a google que te activen event tracking a tu cuenta.
Pero queda claro que si no tienes relación profesional con google, es difÃcil que puedas acceder a ellos o que realmente te hagan caso.
Muchas empresas, por el hecho de gestionar campañas de adwords, tienen derecho a un google adwords manager (según la inversión mensual de la campaña)…
En caso contrario…lamentablemente habrá que esperar a la release de esta funcionalidad, aunque yo creo que no queda ya mucho…
August 29th, 2008 at 6:52 pm
Ferriol no respondiste mi duda!
August 31st, 2008 at 6:40 pm
Hola Ferriol,
Comentarte que has sido una de mis propuestas para el dÃa del Blog.
También me gustarÃa felicitarte por el blog. Es agradable encontrar un blog en Español con tan buena información.
Un saludo!
Experience Hunter.
September 1st, 2008 at 6:31 pm
Gracias, en primer lugar por la información que dÃa a dÃa vas aportando a la web.
En segundo lugar, más fácil imposible JanOS:
…
var begin = new Date ();
var Start = Begin.getTime();
…
esto nos asigna el valor inicial al cargar la página. Al final de la página asignamos el valor de tiempo, para saber cuanto a transcurrido:
…
var End = new Date();
var Stope = End.getTime():
…
y finalmente hacemos la diferencia entre los dos para obtener el tiempo transcurrido:
var timeElapse=Stop-Start: <– aquà también ‘;’
Espero haber ayudado
Seguiré leyendo el Blog, a ver cuando deja de ser una beta y podemos testear el resto de los mortales.
Saludos Ferrol!
September 1st, 2008 at 6:32 pm
Gracias, en primer lugar por la información que dÃa a dÃa vas aportando a la web.
En segundo lugar, más fácil imposible JanOS:
…
var begin = new Date ();
var Start = Begin.getTime();
…
esto nos asigna el valor inicial al cargar la página. Al final de la página asignamos el valor de tiempo, para saber cuanto a transcurrido:
…
var End = new Date();
var Stope = End.getTime():
…
y finalmente hacemos la diferencia entre los dos para obtener el tiempo transcurrido:
var timeElapse=Stop-Start: <.– aquà también ‘;’
Espero haber ayudado
Seguiré leyendo el Blog, a ver cuando deja de ser una beta y podemos testear el resto de los mortales.
Saludos Ferrol!
September 1st, 2008 at 6:36 pm
Gracias, en primer lugar por la información que dÃa a dÃa vas aportando a la web.
En segundo lugar, más fácil imposible JanOS:
…
var begin = new Date ();
var Start = Begin.getTime();
…
esto nos asigna el valor inicial al cargar la página. Al final de la página asignamos el valor de tiempo, para saber cuanto a transcurrido:
…
var End = new Date();
var Stope = End.getTime():
…
— ATENCION sÃ, esto ha de ser ‘;’ al final y la
)
variable es ‘Stop’ no ‘Stope’ –
(lo que me costó que esto apareciera, nada de usar y
los guiones en las respuestas
y finalmente hacemos la diferencia entre los dos para obtener el tiempo transcurrido:
var timeElapse=Stop-Start: — aquà también ‘;’
Espero haber ayudado
Seguiré leyendo el Blog, a ver cuando deja de ser una beta y podemos testear el resto de los mortales.
Saludos Ferrol!
PD: Perdón por la repetición, pero me quedaron como comentarios algunas de las frases y queróia que saliera todo
September 2nd, 2008 at 12:20 am
Gracias @Raferner !
September 2nd, 2008 at 2:19 pm
Hola a todos,
Primero de todo me gustarÃa disculparme porque durante las últimas semanas no he tenido ni un minuto para actualizar el blog, y de rebote mis disculpas a todos aquellos a los que no haya podido responder alguna de vuestras preguntas…
Estamos en proceso de cambio de la web de la empresa y también de las webs de los blogs, entre ellos ésto, y intentando llegar a la release, estamos concentrados sólo en esto.
Para el final de semana, espero ya poder estar 100% a vuestra disposición.
Muchas gracias a todos aquellos que pudiendo ayudar, habéis ayudado a todos aquellos que tenÃan dudas y que en mi ausencia, yo no tuve el tiempo para resolverlos.
Un saludo a todos y nos vemos el viernes, que en teorÃa es el dÃa de la nueva release de éste blog, que va a cambiar de manera considerable su look…espero que os guste..