Personnaliser l'interface de Matomo

Votre installation de Matomo est maintenant correctement configurée et prête à l’emploi, il ne vous reste plus qu’à terminer quelques éléments et à mettre Matomo aux couleurs de votre entreprise !

Je vous rassure, cet épisode sera plus light que les précédents, c’est l’heure de la pause dans votre formation.

Modification du logo et du favicon

Pour modifier le logo et l'icône présente dans l'onglet de votre navigateur, rendez-vous dans l'espace d’administration, puis dans la page “Paramètre généraux” de la rubrique « Système ».

Descendez ensuite jusqu'à la section “Paramètre de l’image de marque” et cochez la case “Utiliser un logo personnalisé”. L’interface devrait changer et afficher deux champs vous permettant de charger des images.

Le premier champ permet d’ajouter un logo qui remplace celui de Matomo en haut à gauche de chaque page. Choisissez une image avec votre logo sur fond transparent d’au moins 110 pixels de haut.

Le second champ sert à modifier le favicon (l'icône présente dans l’onglet de votre navigateur). Préférez un logo carré en PNG sur fond transparent et d’au moins 16 pixels de large.

Installation d’un thème

Afin d’aller plus loins dans la personnalisation de Matomo, il existe plusieurs thèmes disponibles sur la marketplace. Ces thèmes permettent de changer complètement l’apparence du logiciel. Si vous avez des compétences en développement web, nous verrons dans la suite de la formation comment créer son propre thème personnalisé.

Pour l’instant, nous allons voir comment installer un thème déjà existant sur la marketplace. Pour cela, rendez-vous dans l’espace d’administration de Matomo, puis cliquez sur « Marché » dans la rubrique “Plate-forme”.

La marketplace de Matomo regroupe des plugins et des thèmes, nous allons donc filtrer par thème en plaçant le sélecteur « Show » sur “Thème”. Vous verrez alors apparaitre les différents thèmes disponibles pour votre version de Matomo. (À l’heure actuelle et pour la dernière mise à jour de Matomo en date, il existe seulement trois thèmes).

Vous pouvez maintenant choisir un thème en cliquant dessus afin d’avoir plus de détails et vous faire une idée de l’interface. Dans le cadre de cette formation (et parce que j’en suis l’auteur…), nous allons installer le thème « Dark Theme » qui permet de basculer toute l’interface de Matomo sur fond sombre.

Cliquez alors simplement sur le bouton installer, le thème devrait être actif à l'issue de l'installation.

Utilisation en marque blanche

Pour aller plus loin, il est possible d’utiliser Matomo en marque blanche, c'est-à-dire, s’approprier complètement l’outil et remplacer chaque occurrence du mot Matomo par la marque de votre choix. Cette option est possible grâce à l'installation d’un plugin payant nommé “White Label” disponible sur la marketplace.

Je réalise des formations professionnelles sur-mesure. Si ça peut vous intéresser, n'hésitez pas à me contacter 🤓

• 1

  Épisode 1 L’analyse d’audience avec Matomo
• 2

  Épisode 2 Collecter des données avec Matomo
• 3

  Épisode 3 Installer Matomo sur votre serveur
• 4

  Épisode 4 Mise en place du code de suivi
• 5

  Épisode 5 Respecter le RGPD avec Matomo
• 6

  Épisode 6 Comprendre le tableau de bord
• 7

  Épisode 7 Analyse des rapports sur les visites
• 8

  Épisode 8 Étude du comportement des visiteurs
• 9

  Épisode 9 Le rapport de performance
• 10

  Épisode 10 Mesurer les différents canaux d'acquisition
• 11

  Épisode 11 Gérez vos campagnes
• 12

  Épisode 12 Créer et configurer des objectifs
• 13

  Épisode 13 Configurer des segments personnalisés
• 14

  Épisode 14 Configurer un rapport automatique
• 15

  Épisode 15 Les alertes personnalisées
• 16

  Épisode 16 Gestion des rôles utilisateurs
• 17

  Épisode 17 Personnaliser l'interface de Matomo
• 18

  Épisode 18 Suivi des impressions
• 19

  Épisode 19 Les dimensions personnalisées
• 20

  Épisode 20 Paramétrer le UserID
• 21

  Épisode 21 Importer des logs de serveur
• 22

  Épisode 22 Qu'est-ce qu’un Tag Manager
• 23

  Épisode 23 Mise en place de Matomo Tag Manager
• 24

  Épisode 24 Publier une balise
• 25

  Épisode 25 Configurer un déclencheur
• 26

  Épisode 26 Comprendre les variables
• 27

  Épisode 27 Débugger et prévisualiser votre conteneur
• 28

  Épisode 28 Mise en place du Data Layer
• 29

  Épisode 29 Importer des données de Google Analytics
• 30

  Épisode 30 Suivi e-commerce avancé
• 31

  Épisode 31 Suivi e-commerce avec Matomo Tag Manager