Code
Code
Code

Com monitoritzar el Javascript amb Google analytics

Google analytics ha esdevingut quasi un estàndard de facto amb el tema de la mètrica web, no sé si es bo o dolent però és així. El que si sé es que les estadístiques de GA són força millors que les de webalizer o analog. A més el fet que es basi amb javascript fa que no es comptabilitzin ni robots ni altres histories. Cosa que crec que dóna més validesa a les estadístiques, encara que com a contrapartida es perden el usuaris que tingui el javascript desactivat, que crec que són pocs. 

Utilitzar GA per estadístiques d’una web “convencional” no té massa secret poses el codi a la web i a esperar que arribin les dades.

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

Però que passa si la web fa un us extensiu de javascript / ajax i hi ha comportaments que no impliquen una recarrega de la pàgina. Amb d’instal•lació convencional de GA aquesta informació és perd o és comptabilitza com una única visita.

Però no esta to perdut, GA permet fer tracking, i com no deixa de ser una llibreria javascript podem interactuar des dels nostres scripts tranquil•lament.

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

 

Amb aquesta crida fem el “tracking” d’un event.

Els paràmetres de la crida són ben senzills;

Category : És per agrupar els events

Action : És el nom de l’event concret

Label : informació addicional de l’event

Value : valor numèric de l’event

Per exemple en un ecomerce on per afegir un article a la cistella és fes servir ajax,

Podríem fer una captura per l’estil :

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

A category i posaríem per indicar que agrupar tots els events relacionats amb la cistella,

A action add per indicar l’event d’afegir a la cistella.

A label la referència del productes

A value el número de productes que afegim a la cistella.

Amb això podríem fer un seguiment de quins articles s’afegeixen més a la cistella i amb quines quantitats.

 

Per a més informació :
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 - Sobre code - Nota legal