Changement de l'outil de mesure d'audience

    En changeant de thème en 2022, je me suis intéressé à une mesure d’audience compatible RGPD. J’ai sélectionné la solution Piwik Pro, gratuite, qui fournit un large éventail de fonctionnalités. Piwik vient d’annoncer qu’ils abandonnent leur solution gratuite. Je suis donc parti à la recherche d’un nouveau produit. J’ai cherché une solution la plus simple possible, n’ayant pas besoin de fonctionnalité avancée. J’ai sélectionné le module Web Analytics de Cloudflare.

    • Cookies, Hugo
    • 4 minutes de lecture

    Piwik Pro

    En fin d’année dernière, Piwik Pro a donc annoncé la fin de son plan « Core Plan » gratuit. Il n’y a plus que deux formules disponibles :

    • Le business plan, a 35 Eur par mois / 420 Eur par an,
    • L’enterprise plan, à partir de 366 Eur par mois.

    J’avais sélectionné cette solution à l’époque, pour avoir une solution complète, incluent la mesure d’audience, et le consentement. L’outil en lui-même fournit une large palette d’outils, qui vont au-delà de mes besoins.

    Compte-tenu des prix, il me fallait trouver un autre outil gratuit. Je ne voulais pas passer trop de temps sur le sujet, ni dans la sélection, ni dans la mise en place.

    La solution Cloudflare Web Analytics

    Je suis tombé par hasard sur la solution Web Analytics  de CloudFlare  et je l’ai assez rapidement sélectionné, pour la gratuité, mais surtout la simplicité.

    Globalement, il suffit d’ajouter une ligne de code Javascript à l’entête de nos pages, et c’est fini.

    1

    <script defer src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon='{ "token": "<token>"}'> </script>

    Dans une template Hugo, le code devient
    1
2
3
4
5

    {{- if and (site.Params.cloudflare.token | default false) (site.Params.cloudflare.url | default false) -}}
    <!-- Cloudflare Web Analytics -->
    <script defer src="{{- site.Params.cloudflare.url -}}" data-cf-beacon='{ "token": "{{- site.Params.cloudflare.token -}}"}'> </script>
    <!-- End Cloudflare Web Analytics -->
{{- end -}}

    Cloudflare Web Analytics n’utilise pas de cookies et repose sur l’analyse des métriques de navigation (via les requêtes HTTP). Cela veut dire deux choses

    • Pas besoin de bandeaux de consentement,
    • La solution est nativement compatible avec RGPD. Les clauses sur la politique de confidentialité sont simplifiées.

    Les données collectées sont aggrégées, et anonymisés assez rapidement (24h) : cela veut dire, par exemple, que les adresses IP collectés sont utilisées pour définir le pays d’origine, et sont ensuite effacées.

    Statistiques sur le nombre de pages vues
    Statistiques sur le nombre de pages vues
    Statistiques disponibles
    Statistiques disponibles

    En plus des données statistiques de visites, la solution propose des informations sur les performances, avec quatre indicateurs

    • Le temps de chargement des pages,
    • ainsi que des indicateurs plus précis : LCP, INP et CLS
    Performances
    Performances

    LCP : Largest Contentful Paint (Chargement) Le LCP mesure le temps nécessaire pour que le plus gros élément visible (une image, ou du texte) soit entièrement affiché à l’écran. C’est l’indicateur de la “vitesse perçue”. La question : L’utilisateur a-t-il l’impression que le site s’affiche vite ?

    INP : Interaction to Next Paint (Réactivité) L’INP mesure le délai entre une action de l’utilisateur (clic, appui sur une touche) et le moment où le navigateur affiche le changement visuel suivant. La question : Le site est-il fluide quand je clique sur un menu ou un bouton ?

    CLS : Cumulative Layout Shift (Stabilité visuelle) Le CLS n’est pas une mesure de temps, mais un score de mouvement. Il calcule la quantité de changements de mise en page inattendus pendant que la page se charge. La question : Est-ce que le texte bouge tout seul juste au moment où je vais cliquer, me faisant cliquer sur une pub par erreur ?

    Pour chacun de ces indicateurs, l’outil donne une liste des pages dont les performances ne sont pas suffisantes, avec un extrait du code en cause. L’outil fait donc une sorte de profiling, comme nous pourrions le faire avec l’outil de développement de nos navigateurs, mais à l’échelle du site.

    L’indicateur CLS est particulièrement intéressant : il montre l’écart entre le chargement du contenu, et l’application de la mise en forme, ce que nous ne voyons pas forcément lorsque nous faisons des tests « en local ».

    L’indicateur LCP m’a permis de détecter que certaines images étaient beaucoup trop lourdes. Je les ai réduites pour réduire le temps de chargement. Tous ces indicateurs m’ont démontré ce que je soupçonnais depuis quelques temps : l’hébergement gratuit sur Netlify donne parfois des signes de faiblesse.

    Exemple d’analyse de performances - LCP
    Exemple d’analyse de performances - LCP

    Petit bémol : Nous ne pouvons pas télécharger directement les rapports au format CSV ou JSON. Il faut faire appel à l’API de l’outil.

    Pour finir

    J’ai effectué la migration mi-janvier, en gardant Piwik activé, pour comparer les statistiques. J’ai ensuite désactivé Piwik pour ne garder que Web Analytics. La simplicité de l’outil est vraiment appréciable, car il n’a fallu que quelques minutes pour gérer l’activation.