Envoyer des evenements avec Google Universal Analytics

Google a mis à jour son systeme de tracking appelé maintenant Google Universal Analytics.

Il est en beta public et donc il est possible depuis un moment de l'utiliser, voici la marche a suivre

le code principale pour utiliser Universal Analytics

<script type="text/javascript">
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

   ga('create', 'UA-xxxxxxxx', 'mon-domain.fr');
   ga('send', 'pageview');
</script>

 Le code ci-dessus permet d'initialiser le tracking et de compter une page vue.

L'envoi d'évènements

L'envoi d'évènement peut se faire avec ou sans fonction de callback (hitCallback).

Ce qui est intérressant dans l'utilisation de la callback, c'est que vous êtes sûr que Google à récuperer l'évènement que vous venez d'envoyer. vous n'avez donc plus besoin de mettre en place la technique de timeout en espérant que Google Analytics récupérera bien l'évènement envoyé.

Exemple sans fonction de callback :

<script type="text/javascript">
    ga('send', 'event', 'category', 'action', 'label', 'value');
</script>

Exemple avec une fonction de callback :

<script type="text/javascript">
    ga('send', 'event', {
        'eventCategory' : 'montage',
        'eventAction' :'grimper',
        'eventLabel' :'everest',
        'eventValue' :'3'
        'hitCallback : function(){
            /* l'évenement a bien été envoyé et réceptionné par google,
            *  je peux continuer le reste de mon traitement
            */
            /* Exemple */
            document.forms[0].submit();
        );
</script>

Grâçe à la fonction de callback (hitCallback) proposée par Google Universal Analytics, on maitrise mieux sa gestion d'évènements.

image jerome debray

Jerome Debray est responsable de projet et lead developper web pour Ouestfrance Multimedia dans la business unit Auto.

retourner en haut de la page