Tracking Matomo Server-Side avec Google Tag Manager
Mis à jour : mardi 13 août 2024
Pourquoi Matomo en server-side ?
Configurer Matomo en server-side avec Google Tag Manager vous offre un environnement de travail agréable à utiliser tout en bénéficiant des avantages du server-side.
Contournement des ad blockers
Vous avez sans doute remarqué si vous utilisez déjà Matomo en client-side que les bloqueurs de publicités bloquent les requêtes qui comprennent le texte matomo.
La mise en place de Matomo en server-side permet de contourner les ad blockers et donc de collecter une quantité de données plus importante sur vos utilisateurs.
Diminution du temps de chargement du site
Le fait de charger qu’un seul script côté navigateur permet de réduire le temps de chargement des pages de votre site. Au passage, c’est une métrique importante utilisée par Google pour le classement des pages dans les résultats de recherche.
Meilleure gouvernance des données
Dans les grosses organisations, maîtriser les flux de données est essentiel pour respecter les normes de sécurité et les contraintes legislatives.
Lorsque vous installez des scripts directement dans le navigateur (en client-side), chaque plateforme marketing peut collecter ce qu’elle veut et vous n’avez aucun contrôle dessus. Dans une configuration server-side, les données transitent d’abord vers votre serveur avant d’être envoyées aux plateformes. Vous êtes alors en maîtrise du flux, vous pouvez le manipuler à votre guise.
Deux façons d’envoyer des données à votre serveur
Avec une collecte GA4
flowchart LR
subgraph Votre site web
A[Collecte GA4]
end
subgraph Votre serveur
A --> B
B[Client GA4] --> C[Balise Matomo]
B --> D[Balise Google Ads]
B --> E[Balise GA4]
end
C --> F[Instance Matomo]
D --> G[Google Ads]
E --> H[GA4]
=> Si vous souhaitez utiliser une collecte GA4, veuillez suivre la documentation Addingwell.
Avec une collecte Matomo
flowchart LR
subgraph Votre site web
A[Collecte Matomo]
end
subgraph Votre serveur
A --> B
B[Client Matomo] --> C[Balise Matomo]
end
C --> D[Instance Matomo]
Si vous souhaitez utiliser une collecte Matomo, vous pouvez continuer cette documentation.
Client Matomo
Importation
Cliquez ici pour télécharger le client Matomo.
Rendez-vous dans Google Tag Manager Server-Side puis dans la section Templates.
Importez ensuite le fichier que vous avez téléchargé précédemment.
Cliquez ensuite sur Save en haut à droite.
Configuration
Dans la section Clients, cliquez sur New.
Sélectionnez le client Matomo.
Priorité : si vous utilisez plusieurs clients, c’est le client avec avec la priorité la plus haute s’exécute en premier sur une requête donnée. Pour rappel, une requête ne peut être claimed que par un seul client.
Request Path : le chemin que vous allez appeler lors de l’envoi d’un requête Matomo à votre serveur. Par défaut le chemin est
matomo.phpmais il est fortement recommandé de le changer pour contourner les ad blockers.JavaScript Library Path : le chemin que vous allez appeler pour livrer le script de tracking de Matomo. Par défaut le chemin est
matomo.jsmais il est fortement recommandé de le changer pour contourner les ad blockers. Durée du cache : 8 min.Allowed origins : listez ici les noms de domaines qui ont le droit d’appeler votre serveur. Ceci permet d’éviter qu’un autre site web utilise votre serveur pour charger la librairie JavaScript de Matomo par exemple.
Pour l’exemple, je vais choisir abc comme Request Path et def pour le JavaScript Library Path de Matomo.
Configurer la collecte côté WEB
Importation
Rendez-vous dans la section Templates de Google Tag Manager WEB. Cliquez ensuite sur Search Gallery dans Tag Templates.
Importez la balise Matomo Analytics - Configuration de Data Marketing School.
Configuration
Sur votre site, avant le code de Google Tag Manager, vous devez ajouter le code d’initialisation de Matomo entre les balises <head>.
<head>
<!-- BEGIN MATOMO SCRIPT -->
<script>
var _paq = window._paq = window._paq || [];
(function() {
var u="https://your_subdomain.example.com/"; // your server URL
_paq.push(['setTrackerUrl', u+'abc']); // Request Path configured in Matomo client
_paq.push(['setSiteId', '1']); // Your Site ID
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src='https://your_subdomain.example.com/def'; s.parentNode.insertBefore(g,s); // JavaScript library path configured in Matomo
})();
</script>
<!-- END MATOMO SCRIPT -->
<!-- REPLACE ME: ADD GTM CODE HERE -->
</head>
Dans Google Tag Manager WEB, rendez-vous dans la section Tags > New. Sélectionnez ensuite la balise précédemment importée.
- Setup Type : sélectionnez Server-Side.
Déclenchement
Cette balise doit se déclencher le plus tôt possible dans votre conteneur. Nous allons donc utiliser le déclencheur Initialization - All Pages.
Balise Matomo Analytics côté serveur
Importation
Rendez-vous dans la section Templates de Google Tag Manager Server-Side. Cliquez ensuite sur Search Gallery dans Tag Templates.
Importez la balise Matomo Analytics de Data Marketing School.
Configuration
Rendez-vous dans la section Tags > New. Sélectionnez ensuite la balise précédemment importée.
- Client Type : sélectionnez Matomo Client.
- Matomo Instance URL : l’URL de votre instance Matomo (généralement sous la forme
<your_subdomain>.matomo.cloud). - Auth Token : le token d’authentification dans Matomo. Tuto pour le trouver
- Site ID : l’identifiant du site dans Matomo. Si vous laissez ce champ vide, ce sera l’identifiant du site envoyé par la balise Matomo Analytics - Configuration de votre conteneur WEB qui sera utilisé. Tuto pour le trouver
Déclenchement
Côté serveur, la balise doit se déclencher pour toutes les requêtes du client Matomo. Nous allons donc utiliser un déclencheur Custom.
Vous n'avez pas trouvé de solution ?
Demandez de l'aide au Data Marketing Club
Articles similaires
Google Ads Server-Side Tracking avec Google Tag Manager
Je vais vous montrer comment mettre en place le tracking Google Ads sur Google Tag Manager Server-Side.
7 min de lecture
Matomo ecommerce tracking : Le guide complet
Le tracking e-commerce correspond à la collecte de données sur l'ensemble du parcours d'achat d'un visiteur sur un site web e-commerce. Matomo Analytics est un des outils d'analyse web qui propose un tracking avancé sur l'e-commerce.
7 min de lecture
Configuer le User ID dans Matomo
La fonctionnalité User ID est utilisée par la plupart des outils d'analyse web du marché pour identifier un visiteur connecté à son espace client de façon unique et à travers plusieurs appareils.
3 min de lecture
Google Tag Manager Server-Side : Le guide complet
L'objectif de cet article est de vous donner toutes les clés nécessaires pour déterminer si la mise en place d'une solution server-side est pertinente pour votre entreprise et également les étapes à suivre pour l'implémenter.
15 min de lecture
Connecter Matomo à Data Studio
Créez des rapports dans Google Data Studio à partir des données collectées avec Matomo.
2 min de lecture
Installer Matomo sur Wordpress
Matomo peut s'installer directement sur votre site Wordpress via une extension (plugin). Matomo va donc s'appuyer sur votre hébergement et votre base de données pour fonctionner.
1 min de lecture