Installer Google Analytics sur un site d'une seule page (ou "monopage")

Il faut ajouter du code qui va se déclencher lorsqu'un visiteur clique sur un lien du site web monopage. Voici comment.

La plateforme Google Analytics est utilisée pour connaître l'audience d'un site et les habitudes des internautes. On peut suivre leurs déplacements sur chacune des pages à condition d'avoir ajouté le code de suivi. Le code de suivi peut être adapté selon le fonctionnement du site. Il est ainsi possible de l'installer sur un site fonctionnant avec une seule page (aussi appelé site monopage ou encore application web monopage ).

Ces sites fonctionnant sur une seule page utilisent un conteneur qui est chargé en fonction du lien cliqué par l'internaute.
Pour mesurer leur trafic avec Google Analytics, la première étape consiste à installer le code de suivi sur la page d'accueil du site. Il faut pour cela utiliser la méthode "ga()". La commande "create" va initialiser l'outil et utiliser le compte indiqué en paramètre. Utilisez ensuite la commande "set" pour indiquer l'URL de la page d'accueil, puis "send" pour envoyer les données à la plateforme.

<script>
(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-XXXXXXX-1', 'monsite.fr'); //Indiquez ici votre identifiant de suivi et votre nom de domaine.
  ga('set', 'page', '/index.html');
  ga('send', 'pageview');
</script>

Il faut ensuite ajouter du code qui va se déclencher lorsqu'un visiteur clique sur un lien du site web monopage. La commande "send" peut alors être utilisée pour envoyer l'événement (le clic) à la plateforme Google Analytics :
<a href="" onClick="afficherOnglet1();ga('send', 'event', 'onglet1', 'click');">Onglet 1</a>

Si vous effectuez des contrôles avant d'afficher l'onglet et si vous souhaitez faire la différence entre les utilisateurs qui cliquent sur le lien et ceux pour lesquels la page est effectivement chargée, Google Analytics prend en charge d'autres événements, comme "load" ou "tab_load" :

<script>
Function afficherOnglet1()
{
    //Code de contrôle pour afficher le premier onglet
    if (ok)
    {
        //On affiche l'onglet.
        ga('send', 'event', 'onglet1', 'load');
    }
}
</script>
<a href="" onClick="afficherOnglet1();ga('send', 'event', 'onglet1', 'click');">Onglet 1</a>

Il est également possible de faire en sorte que les onglets soient enregistrés sur la plateforme comme étant des pages à part entière avec leur propre URL. Dans ce cas, il faut utiliser la commande "send" et préciser l'URL associée à l'onglet :
<a href="" onClick="afficherOnglet1();ga('send', 'pageview', '/index.html#onglet1');">Onglet 1</a>
Lire aussi :

Conseils pour améliorer le SEO d'une application web monopage

Ajax : optimiser le référencement et le crawl d'une application web monopage

Tutoriels Analytics