Como implementar Google Analytics en páginas con AJAX?

Homemaker House Wife Perfect little woman! by Perpetually.Cuando uno empieza en el mundo de internet y quiere hacerse una web, lo primero que hace justo antes de publicarla es poner el tag de google analytics para poder medir desde el primer momento el estado de la misma.

En condiciones normales, y con unos conocimientos básicos, para hacer una instalación simple basta con poner el código que nos facilita Google Analytics dentro del <head> de cada página y ya tendremos información sobre visitas, páginas vistas, orígenes, las páginas con más éxito, etc.

El problema reside cuando la web tiene contenido que se carga mediante AJAX por lo cual, al cargar este contenido, no se envía ninguna información a los servidores de Google y por lo tanto no tendremos datos sobre sobre estas páginas en concreto.

Por suerte, esto tiene una fácil solución para nosotros 🙂

Lo único que hay que hacer es etiquetar los enlaces con la función trackPageView, que es la función que se encarga de contar páginas vistas en Google Analytics, de esta forma:

<a href="javascript:void(0);" onClick="javascript:pageTracker._trackPageview('/contacto');" >

A partir de este momente, cada vez que se haga click en un enlace con este cogido se contará como una nueva página vista (en el ejemplo, la página contacto), aunque la página se haya cargado por AJAX.

Recordad que si lo que queréis es que Google indexe vuestra web echa en AJAX, os recomiendo que sigáis la guía de implementación de google.