Tiempo de carga de una página (event tracking 4)

Publicado en Configuración Avanzada el 14 de agosto de 2008 por .

Continuamos con la serie de artículos de los Events Tracking, la nueva funcionalidad, aún en estado beta, de Google Analytics, desconocida hasta la fecha porque aún está en versión beta. Tal y como explicamos en las otras entregas, utilizamos las explicaciones de Brian Clifton, para ver lo que viene muy prontito en el mundo de Google Analytics. Cuoto, reproduzco y traduzco los fragmentos de su libro, ya que es la única fuente que hoy en día reproduce el como realizarlo. El crédito es todo suyo, así que os invito también a que compréis su libro para más detalles y más explicaciones sobre cualquier tema relacionado con Analytics: Avanced Webmetrics. Vale mucho la pena!!

Hasta el día de hoy hemos explicado como Brian Clifton en su libro Avanced Webmetrics nos mostraba 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)

Fuente y derechos de autor: Avanced Webmetrics. Brian Clifton

Etiquetas:

Sobre Ferriol Egea

Ferriol Egea es un experto analista en la optimización de negocios online. Ahora es director de marketing online de la Lavanguardia.com

Puedes encontrar a Ferriol en:



10 Comentarios en Tiempo de carga de una página (event tracking 4)

  1. JanOS

    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

  2. Francesco

    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

  3. ferriol

    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…

  4. JanOS

    Ferriol no respondiste mi duda!

  5. Experience Hunter

    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.

  6. Raferner

    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!

  7. Raferner

    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!

  8. Raferner

    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 :P

  9. JanOS

    Gracias @Raferner !

  10. ferriol

    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..

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>