Medir tiempo de carga con Google Analytics Tracking API

Por el 24 de septiembre de 2008

en: Negocio

Share via email

“Event Tracking” (Rastreador de eventos) es un nuevo método disponible con Google Analytics Tracking API “ga.js” con la que poder analizar la interactuación del usuario con nuestro sitio web, se realiza por medio de llamadas a los elementos que queremos analizar.

Esta funcionalidad tiene como objetivo informar sobre la utilización de Ajax, Flash, descargas o elementos multimedia. Para que esta funcionalidad este activa deberás de cambiar el archivo JavaScript urchin.js de Google Analytics por ga.js.

Puedes aplicar esta técnica con:

  • Cualquier elemento Flash.
  • Módulos cargados mediante AJAX.
  • Páginas de gadgets
  • Descarga de archivos
  • Tiempos de carga

Tiempos de carga con Events Tracking

De estas opciones como se puede apreciar nos vamos a centrar en la de “tiempos de carga”.

Con el Event Tracking podemos medir el tiempo de carga de una página.

Es muy interesante ya que podremos saber cuáles son las páginas que necesitamos optimizar y en las que el tiempo de carga debe ser menor.

Para calcular el tiempo de carga de una página lo haremos desde el principio al final de la página html con el método JavaScript Date().

La diferencia que obtengamos se la pasaremos a la llamada _trackEvent().

Google Analytics Tracking API

<body>
<scripts type=”text/javascript”>
var begin = new Date ();
var Start = Begin.getTime();
</script>

[...Contenido de la página...]

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

<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 “Page Load”;

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>


Dejar un comentario

Últimas entradas

Party Poker

Suscripción

Enlaces