Tracciare link esterni e download con Google Analytics Asincrono

Scrivo un piccolo aggiornamento sulla libreria per tracciare link esterni e download con Google Analytics pubblicata in collaborazione con GoAnalytics.

Da qualche giorno, infatti, è possibile sostituire il classico codice di tracciamento, con una nuova versione che permette il caricamento asincrono del file ga.js, portando benefici ai tempi di caricamento delle pagine che utilizzano Google Analytics.

La libreria, utilizzando il codice originale di GA, si utilizza in questo modo:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-XXXXXXX-1");
pageTracker._trackPageview();
_ftTrack(pageTracker,”link|pdf|jpg|zip|rar”);
} catch(err) {}
</script>

Utilizzando invece il nuovo codice, il richiamo della funzione _ftTrack va modificato in questo modo:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);
  _gaq.push(function(){
    _ftTrack(_gaq._getAsyncTracker(), “link|pdf|jpg|zip|rar”);
  });

  (function() {
    var ga = document.createElement(’script’);
    ga.src = (’https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;
    ga.setAttribute(’async’, ‘true’);
    document.documentElement.firstChild.appendChild(ga);
  })();

</script>

Allo stesso modo, per tracciare informazioni distinte in due account, con il codice ufficiale la libreria si utilizza così:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
try {
var pageTrackerA = _gat._getTracker("UA-XXXXXXX-1");
pageTrackerA._trackPageview();

var pageTrackerB = _gat._getTracker("UA-XXXXXXX-2");
pageTrackerB._trackPageview();

_ftTrack(pageTrackerA,”pdf|jpg|zip|rar”);
_ftTrack(pageTrackerB,”link”);
} catch(err) {}
</script>

Utilizzando invece il codice di tracciamento asincrono, avremo qualcosa del genere:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-1']);
  _gaq.push(['_trackPageview']);
  _gaq.push(function(){
    _ftTrack(_gaq._getAsyncTracker(), “pdf|jpg|zip|rar”);
  });

  _gaq.push([’b._setAccount’, ‘UA-XXXXX-2′]);
  _gaq.push([’b._trackPageview’]);
  _gaq.push(function(){
    _ftTrack(_gaq._getAsyncTracker(’b'), “link”);
  });

  (function() {
    var ga = document.createElement(’script’);
    ga.src = (’https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;
    ga.setAttribute(’async’, ‘true’);
    document.documentElement.firstChild.appendChild(ga);
  })();

</script>

post<li>

tag: google, Google Analytics, Javascript, performance, Web Analytics.

post correlati:

• Tracciare link esterni e download con Google Analytics
• Utility Javascript per tracciare link esterni e download con Google Analytics
• Google Analytics in italiano. Non va
• Una API per Google Maps in stile jQuery
• Problemi con i funnel di navigazione di Google Analytics
• Conversione di una stringa da ASCII a binario e da binaro a ASCII con Javascript
• Escape completo di una stringa ASCII con Javascript o PHP