Code
Code
Code

Como monitorizar el Javascript con Google analytics

Google analytics se ha convertido casi en un estándar de facto con el tema de la métrica web, no sé si es bueno o malo pero es así. Lo que si sé es que las estadísticas de GA son bastante mejores que las de webalizer o analog. Además el hecho de que funcione con javascript hace que no se contabilicen ni robots ni otras historias. Lo que creo que da más validez a las estadísticas, aunque como contrapartida se pierden los usuarios que tengan el javascript desactivado, que creo que son pocos. 

Utilizar GA por estadísticas de una web "convencional" no tiene mucho secreto pones el código en la web y esperar a que lleguen los datos. 

<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']); // your ID/profile
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

 

 

Pero que pasa si la web hace un uso extensivo de javascript / ajax y hay comportamientos que no implican una recarga de la página. Con la instalación convencional de GA esta información se pierde o se contabiliza como una única visita.

Pero no esta todo perdido, GA permite hacer tracking, y como no deja de ser una librería javascript podemos interactuar desde nuestros scripts tranquilamente.

 

if (_gaq) _gaq.push(['_trackEvent', category, action, label, value]);

 

Con este llamada hacemos el "tracking" de un evento.

Los parámetros de la llamada son sencillos;

Category: Es para agrupar los eventos

Action: Es el nombre del evento concreto

Label: información adicional del evento

Value: valor numérico del evento

 

Por ejemplo en un ecomerce donde para añadir un artículo a la cesta se usa ajax,

Podríamos hacer una captura por el estilo:

_gaq.push(['_trackEvent', 'card', 'add', 'ref 101',2]);

 

A category pondríamos card para indicar que agrupar todos los eventos relacionados con la cesta,

A action add para indicar el evento de añadir a la cesta.

En label la referencia de los productos

A value el número de productos que añadimos a la cesta.

Con este ejemplo podríamos hacer un seguimiento de qué artículos se añaden a la cesta y con qué cantidades.

Para más información:
http://code.google.com/intl/ca-ES/apis/analytics/docs/tracking/eventTrackerGuide.html

comments powered by Disqus
Comunicatek - - La Bisbal d’Empordà - dani@comunicatek.com - A cerca de code - Nota legal