Wiki-Tech.io/SelfHosted/Matomo.html

<!--
title: Matomo
description: Enfin une alternative viable à Google Analytics !
published: true
date: 2021-05-05T13:46:08.531Z
tags: 
editor: ckeditor
dateCreated: 2021-05-03T11:22:10.212Z
-->

<figure class="image image_resized" style="width:64.09%;"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Matomo_Logo.svg/1280px-Matomo_Logo.svg.png" alt="Fichier:Matomo Logo.svg — Wikipédia"></figure>
<h1>Présentation</h1>
<p>Il s’agit d’une plateforme libre d’analyse du trafic sur le web. L’outil est utilisé par des particuliers, des entreprises et même les gouvernements de différents pays. Matomo vous permet de récupérer des informations à propos de vos utilisateurs. Vous aurez ainsi droit à quelques indicateurs clés de performance concernant les visites, le taux de conversion, les téléchargements, les mots-clés utilisés pour trouver votre site…</p>
<p>Il est également possible d’intégrer à votre site e-commerce pour analyser vos revenus, vos commandes, etc. Vous pouvez même intégrer vos logs serveur dans Matomo pour les afficher et les analyser.</p>
<p>Cet outil est gratuit si vous l’hébergez vous-même sur votre serveur. Sinon vous pouvez souscrire à une offre hébergée par la société qui gère Matomo. Les formules varient de 7.5€ à 41€ par mois. Si vous êtes intéressé par la version payante, <a href="https://www.innocraft.cloud/#pricing">voici le lien.</a> Sinon vous pouvez passer par la version selfhosted via docker ! (Spoiler, c'est juste en dessous)&nbsp;</p>
<p>Avec Matomo, vous êtes propriétaire de vos données, et l’outil est en conformité avec les exigences de confidentialité de vos visiteurs. Vous conservez la possibilité de voir le comportement de vos visiteurs sur votre site. La plateforme est personnalisable et extensible grâce à son API. Matomo dispose aussi d’une application mobile. Elle vous permet de suivre en temps réel sur votre smartphone le nombre de visiteurs présents sur votre site. Dernier point important : votre seule limite de données est celle de votre serveur.</p>
<p>Si vous n’êtes pas encore entièrement convaincu, vous pouvez suivre ce lien pour voir en détails <a href="https://matomo.org/what-is-matomo/">les fonctionnalités</a> de Matomo. Vous avez même la possibilité de le tester, pour avoir une idée du résultat et de la manière dont vous pourrez vous en servir.</p>
<p>Voici le lien vers<a href="https://demo.matomo.org/index.php?module=CoreHome&amp;action=index&amp;idSite=3&amp;period=day&amp;date=yesterday#?idSite=3&amp;period=day&amp;date=yesterday&amp;category=Dashboard_Dashboard&amp;subcategory=1"> la démo</a> de Matomo. Il ne vous reste plus qu’à débrancher Google Analytics de vos sites !</p>
<p>Site officiel : <a href="https://matomo.org">matomo.org</a></p>
<h1>Installation</h1>
<p>Vous pouvez passer par une installation standard via la documentation disponible sur <a href="https://fr.matomo.org/docs/installation/">leur site</a>, le déployer directement depuis mon template d'application dans Portainer (tutoriel dispo ici) ou utiliser le docker-compose suivant :</p>
<pre><code class="language-plaintext">version: "2"
services:
  # Base de données    
  matomo-db:
    image: linuxserver/mariadb
    container_name: matomo-db
    restart: unless-stopped
    environment:
      - PUID=1000
      - PGID=1000
      - MYSQL_ROOT_PASSWORD=pihvzlbkcgvlknfze!ef6e4
      - TZ=Europe/Paris
      - MYSQL_DATABASE=matomo
      - MYSQL_USER=matomo
      - MYSQL_PASSWORD=Matomo65468431
      # Flag necessary for the database max allowed packet check
      # https://matomo.org/faq/troubleshooting/faq_183/
      - MARIADB_EXTRA_FLAGS=--max_allowed_packet=64MB
    volumes:
      - /apps/matomo/db:/config

    # Facultatif
    networks:
      - proxy
    logging:
      driver: loki
      options:
        loki-url: "$URL_LOKI"
        loki-external-labels: service={{.Name}}
        
  # Matomo : https://fr.matomo.org
  matomo:
    image: matomo
    container_name: matomo
    restart: unless-stopped
    environment:
      - MATOMO_DATABASE_HOST=matomo-db
      - MATOMO_DATABASE_DBNAME=matomo
      - MATOMO_DATABASE_USERNAME=matomo
      - MATOMO_DATABASE_PASSWORD=Matomo65468431
    volumes:
      - /apps/matomo/data:/var/www/html matomo
    depends_on:
      - matomo-db
    # Facultatif avec Traefik  
    #Ports:
    #  - 80:80

    # Facultatif  
    networks:
      - proxy
    logging:
      driver: loki
      options:
        loki-url: "$URL_LOKI"
        loki-external-labels: service={{.Name}}
    labels:
      - "traefik.enable=true"
      - "traefik.http.routers.matomo.entrypoints=http"
      - "traefik.http.routers.matomo.rule=Host(`$URL`)"
      - "traefik.http.middlewares.matomo-https-redirect.redirectscheme.scheme=https"
      - "traefik.http.routers.matomo.middlewares=matomo-https-redirect"
      - "traefik.http.routers.matomo-secure.entrypoints=https"
      - "traefik.http.routers.matomo-secure.rule=Host(`$URL`)"
      - "traefik.http.routers.matomo-secure.tls=true"
      - "traefik.http.routers.matomo-secure.tls.certresolver=http"
      - "traefik.docker.network=proxy"

      
networks:
  proxy:
    external:
      name: proxy</code></pre>
<p>&nbsp;</p>
<blockquote>
  <p><strong>Attention :</strong> Pensez à changer dans le docker-compose ou à définir les variables suivantes : <i><strong>$URL_LOK</strong></i><strong>I </strong>et <strong>$URL</strong> en fonction de votre installation.</p>
</blockquote>
<p>Votre Matomo sera accessible directement depuis l'URL que vous lui aurais attribué avec Traefik ou depuis <code>http://&lt;server&gt;:&lt;port&gt;</code>.<br>&nbsp;</p>
<h1>Configuration</h1>
<h2>Site Wordpress</h2>
<p>Le plus simple reste de passer par une extension :</p>
<p>&nbsp;1 - Ajoutez un site dans Matomo</p>
<p>&nbsp;2 - Connectez vous en administrateur sur votre Wordpress</p>
<p>&nbsp;3 - Ajoutez et activez l'extension “<a href="https://wordpress.org/plugins/piwik-tracking-by-mente-binaria/"><code><strong>Tracking code for Matomo, by Sergio Santos</strong></code></a><strong>”&nbsp;</strong></p>
<p>&nbsp;4 - Allez dans les réglages de l'extension</p>
<p>&nbsp;5 - Activez le code de tracking</p>
<p>&nbsp;6 - Rentrez l'adresse de votre serveur Matomo</p>
<p>&nbsp;7 - Activez la compatibilité SSL si vous l'utilisez</p>
<p>&nbsp;8 - Enregistrez les modifications &amp; Enjoy !&nbsp;</p>
<p>&nbsp;</p>
<h2>Wiki.js</h2>
<p>Dans Wiki.js c'est directement intégré ! Si c'est pas beau la vie !</p>
<p>&nbsp;1 - Rendez vous dans la partie administrateur de Wiki.js</p>
<p>&nbsp;2 - Dans la catégorie “<i>Analytiques</i>”, sélectionnez “<i>Matomo</i>”</p>
<p>&nbsp;3 - Entrez l'ID de votre site (dispo sur votre serveur Matomo) ainsi que l'URL de votre serveur Matomo</p>
<p>&nbsp;4 - Cliquez sur “<i>Appliquer</i>” &amp; Enjoy !&nbsp;</p>
<p>&nbsp;</p>
<h2>Site web classique</h2>
<p>Après avoir configurer le site dans Matomo, il vous fournis un code que vous pouvez rajouter à votre site directement entre le head et le body. Voici un exemple du code fournit :</p>
<pre><code class="language-html">&lt;!-- Matomo --&gt;
&lt;script type="text/javascript"&gt;
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//&lt;SERVEUR_MATOMO/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '6']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
&lt;/script&gt;
&lt;!-- End Matomo Code --&gt;</code></pre>
<p>&nbsp;</p>