Google Analytics : Tracker asynchrone pour les statistiques de sites

La mise en place d’un outil de statistiques est primordiale lorsque l’on a la charge d’un site web. La solution finalement sélectionnée est d’ailleurs dans bien des cas, sans surprise, l’un des leaders du marché.

Les scripts mis en place afin de récolter les données ralentissent cependant bien souvent le chargement de la page, en plus d’envoyer des informations erronées dans le cas où ceux-ci ne sont pas entièrement pris en compte. Pour pallier à cela et éviter à l’internaute d’être retardé dans son surf, les trackers sont ainsi placés en fin de page alors qu’ils devraient se trouver dans la partie supérieure de celle-ci.

Afin de corriger le tir, Google Analytics propose un snippet permettant un chargement asynchrone dudit tracker afin de ne pas influer sur l’affichage des pages sur lesquelles il sera présent :

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

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

Veillez à bien modifier l’identifiant UA-XXXXX-X par le vôtre.

Enfin du code placé convenablement dans la page sans pour autant modifier le comportement habituel de cette dernière.

Source : Blog Google Code