Cargar Google Analytics al terminar de cargar la página

Muchas veces nos encontramos con la situación de que a una página le cuesta terminar de cargar por culpa del Google Analytics. Yo lo he sufrido en mis propias carnes con proyectos de cierto tamaño. A pesar de la granja inmensa y poderosísima de servidores de Google, muchas veces por razones varias, este caso se da. También afecta a la situación de que si utilizas frameworks de Javascript como jQuery, el Google Analytics te para la carga del resto de elementos hasta que él no haya terminado su carga. El problema es que no podemos guardar en nuestro servidor el fichero ga.js o el fichero urchin.js que solicitamos a Google.

Podemos solventar el problema de una manera muy sencilla, cargar Google Analytics una vez se haya cargado el resto de las páginas. Esta situación tiene una ventaja muy grande, si Google Analytics se pone tontito, el resto de la página puede vivir en paz. A pesar de que lo voy a explicar a continuación se puede realizar de otras formas, voy a utilizar el framework jQuery por su sencillez y potencia.

Lo primero que debemos hacer es incluir la librería jquery. Yo todas las inclusiones de ficheros js las hago al final, justo antes de la etiqueta de cierre de body (Norma de aceleración de velocidad de carga de páginas web de YSlow).

Código :

<script type="text/javascript" src="jquery.js"></script>

Y justo debajo introducimos el siguiente código

Código :

<script type="text/javascript">
   $(document).ready(function(){
      $.getScript('http://www.google-analytics.com/ga.js',function(){
         if (typeof(_gat) == 'object'){
            var pageTracker = _gat._getTracker('UA-1806963-8');
            pageTracker._initData();
            pageTracker._trackPageView();
         }
      });
   });
</script>

Dentro del segundo bloque de código debes substituir UA-1806963-8 por tu ID de Google Analytics. Si queréis ver un ejemplo funcionando podéis visitar la siguiente página: http://www.holjoy.com

Un saludo y espero que les sea útil.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.