Avec le passage de Google Analytics en mode asynchrone j'ai dut chercher une nouvelle méthode pour utiliser plusieurs trackers sur une même page.
Bénéfices du code Analytics asynchrone
Voici une liste non exhaustive des avantages de la version asynchrone de Google Analytics :
- Rend non bloquant le chargement du javascript ga.js
- Permet de remonter le code du tracker en haut de la page
- Le code étant chargé en haut de la page plus de données peuvent être récupérées
- Les pages se chargent indépendamment de la vitesse de réponse des serveurs google
Code Analytics avec plusieurs comptes
Voici un exemple extrait de la documentation analytics qui démontre comment utiliser plusieurs trackers sur une même page avec la version asynchrone du code analytics :
<script type="text/javascript"><!--
var _gaq = _gaq || [];
_gaq.push(
['_setAccount', 'UA-XXXXX-1'],
['_trackPageview'],
['b._setAccount', 'UA-XXXXX-2'],
['b._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>
Vous remarquerez que deux trackers sont instanciés le tracker par défaut et le tracker b.
Image : ChrisGoldNY