Tracciamento Eventi di Google Analytics sui link con jQuery

Volevo condividere con te un problemino che mi si è presentato qualche giorno fa, un po’ più tecnico del solito.

Google Analytics (GA) è un ottimo strumento gratuito per ottenere le statistiche del proprio sito, cosa fondamentale se si vuole gestire in maniera (perlomeno) decente il proprio blog. Se non hai la minima idea di cosa sia GA, leggi questo articolo…

Solitamente, per aggiungere il codice di tracciamento preferisco utilizzare l’ottimo plugin di Yoast, Google Analytics for WordPress, ampiamente personalizzabile.

Oltre alle funzionalità base, a me interessa tracciare i click sui link che iniziano con uno specifico prefisso, ad esempio con /download/ che utilizzo per il download dei file, e questo plugin lo permette in maniera molto semplice. Da notare che questi click vengono registrati come eventi.

Tutto molto bello, fino a quando… nel sito X non mi traccia gli eventi!

Controllo e ricontrollo. Il plugin non ne vuole sapere di inserire il codice di tracciamento degli eventi (probabilmente per qualche conflitto). Sono fregato, devo aggiungere il codice a mano per tutti i link… o forse no!

Da una rapida ricerca sul web, ho trovato 3+1 ottime soluzioni per tracciare il click sui link:

• un generatore di codice
• codice che controlla tutti i link presenti nella pagina e aggiunge il codice desiderato se necessario
• codice fornito sulla pagina ufficiale sull’Event tracking

Al momento ho testato il secondo codice e funziona che è una meraviglia 😉

[javascript]
$(document).ready(function(){
var downloadLink = new RegExp(‘\/download\/+’);
$(‘a’).each(function(){
var url = $(this).attr("href");
if (downloadLink.test(url)){
$(this).attr("onclick","_gaq.push([‘_trackEvent’, ‘download-click’, ‘"+ url +"’]);");
}
});
});
[/javascript]

In questo modo, appena la pagina viene caricata, vengono controllati tutti i link e se hanno la stringa “/download/” al loro interno, viene aggiunto il codice di tracciamento dell’evento ‘download-click’ che si attiva al click del link.

PS: ovviamente devi aver caricato la libreria jQuery ed aver inserito il codice di tracciamento base di GA, altrimenti non potrà mai andare.

Non sarà la soluzione migliore, ma funziona.

Probabilmente sarebbe meglio provare ad usare Google Tag Manager… a te la scelta 🙂