Google Analytics en asynchrone
publié le 12/09/2010Depuis décembre dernier, Google a modifié le code de son module d'analyse, le rendant ainsi un peu plus performant
De nombreux sites web à l'heure actuelle, utilisent le module d'analyse de trafic de Google : Google Analytics. En effet, dés que l'on veut avoir sur son site web un suivi des visiteurs (leur provenance, leur navigateur, ...), des pages les plus consultées, ..., Analytics est une solution à envisager du fait de sa simplicité d'intégration, de la diversité de ses statistiques et en plus ... ben c'est gratuit ! J'ai donc opté pour Google Analytics sur www.deepevening.fr
Création de compte
La première étape consiste à créer un compte via cette adresse : Création de compte Google
Je vous laisse voir pour les détails...
Une fois le compte créé, Google fournit un code en javascript (avec identifiant unique correspondant à notre compte), à insérer sur les pages que l'on souhaite analyser. Jusqu'à décembre 2009, ce code pouvait amener des ralentissements, voire des blocages de l'affichage des pages contenant le bout de script en question. Même si le code javascript était implémenté en bas de page (souvent conseillé pour des soucis de performances), celui-ci pouvait tout de même bloquer le rendu final de la page.
Le nouveau code ... optimisé
Depuis lors, Google a mis au point un nouveau code javascript permettant de charger la page en même temps que ce bout de JS fait sa requête auprès de Google. On est donc plus obligé de mettre le code en fin de page. Google préconise même de le mettre juste après la balise HTML body.
Voici donc le code javascript en question :
<script type="text/javascript">
<!--
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
_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>
Il faudra juste remplacer UA-XXXXXXX-X par l'identifiant fourni par Google lors de votre inscription. Cela étant fait, vous pourrez coller ce code dans toutes vos pages à analyser. Je recommande toutefois de le mettre dans un fichier externe (ex : analytic.js) et d'inclure ce fichier sur vos pages, surtout si vous avez pas mal de pages sur votre site.
Ce nouveau code utilise le paramètre async qui vient avec HTML 5. Cette fonction n'est pas encore supportée partout, donc dans le cas d'un navigateur qui n'implémente pas cette fonctionnalité, le comportement sera le même qu'avec l'ancien script.
Conclusion
Une belle initiative de Google, qui devrait ravir les développeurs avides de performance web. A quand la même chose pour d'autres modules Google comme AdSense ?
Laisser un commentaire
Vos commentaires