# Suivre les clics d’un widget Elementor avec Matomo plutôt qu’un outil externe

> Depuis mars 2022, Matomo propose un suivi d'événements simple à brancher sur un site WordPress. Le tutoriel pour tracker les interactions d'un widget Elementor sans dépendre d'un service tiers qui dépose des cookies.

- Auteur : WordPress Développement
- Publié le : 2023-02-22
- Mis à jour le : 2023-02-22
- Catégorie : Elementor
- URL : https://www.wpmoderne.fr/elementor/matomo-tracking-widget-elementor-rgpd/

## L’essentiel

- Matomo peut s'auto-héberger, ce qui évite tout transfert de données hors UE
- Le suivi d'un clic passe par un attribut de données et un script léger
- Aucun cookie tiers n'est déposé si Matomo est configuré sans cookies

Depuis que Matomo propose un module de suivi d'événements simple à intégrer, plus besoin de dépendre d'un script tiers pour savoir quel bouton, quel bloc ou quel appel à l'action fonctionne réellement sur une page Elementor. Une agence soucieuse de conformité RGPD y trouve un double avantage : l'hébergement des données reste sous son contrôle, et l'outil peut être configuré pour ne déposer aucun cookie, ce qui simplifie considérablement le bandeau de consentement.

Ce tutoriel ne traite pas de Google Analytics, dont l'intégration et les enjeux de transfert de données hors Union européenne suivent une tout autre logique : il se concentre sur la mise en place d'un suivi d'événements Matomo appliqué spécifiquement aux widgets Elementor, boutons et blocs d'appel à l'action en tête.

## Installer et configurer Matomo pour un tracking sans cookie

Que Matomo soit auto-hébergé sur le même serveur que WordPress ou hébergé via l'offre Matomo Cloud, la première étape consiste à activer le mode sans cookie dans les réglages du site suivi : `Administration > Sites > Modifier > Effacer les données de tracking`, en désactivant l'option de dépôt de cookie de première visite. Ce réglage limite la précision du suivi de session sur plusieurs jours, mais dispense d'un consentement préalable pour la majorité des usages de mesure d'audience simple.

## Ajouter le script de suivi au site

Le script de suivi Matomo s'insère globalement via un widget HTML dans le pied de page du Theme Builder, ou via l'onglet `Code personnalisé` d'Elementor Pro accessible dans les réglages avancés du site :

```
<script>
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
  var u="https://analytics.exemple.fr/";
  _paq.push(['setTrackerUrl', u+'matomo.php']);
  _paq.push(['setSiteId', '1']);
  var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
```

> L'essentiel à retenir : Matomo peut s'auto-héberger, ce qui évite tout transfert de données hors UE ; Le suivi d'un clic passe par un attribut de données et un script léger ; Aucun cookie tiers n'est déposé si Matomo est configuré sans cookies

## Suivre le clic d'un widget bouton Elementor

Pour tracker un clic sur un widget Bouton spécifique, on ajoute un attribut de données personnalisé dans l'onglet Avancé du widget, section `Attributs` : `data-matomo-event|clic-bouton-offre`. Un petit script inséré dans le pied de page écoute ensuite ces attributs et déclenche l'événement Matomo correspondant :

```
document.querySelectorAll('[data-matomo-event]').forEach(function(el) {
  el.addEventListener('click', function() {
    var valeur = el.getAttribute('data-matomo-event');
    _paq.push(['trackEvent', 'Widget Elementor', 'Clic', valeur]);
  });
});
```

Cette approche évite d'ajouter un identifiant CSS différent par bouton et centralise la logique de suivi dans un seul script, facile à maintenir quand de nouveaux widgets doivent être suivis.

## Étendre le suivi aux popups et onglets

Le même principe s'applique aux popups Elementor Pro (via le hook JavaScript `elementor/popup/show` côté frontend) et aux widgets Onglets, en écoutant les événements de changement d'onglet pour envoyer un événement Matomo avec le nom de l'onglet actif. L'intérêt de cette granularité est de savoir précisément quelle information retient l'attention, sans avoir besoin d'un outil d'enregistrement de session tiers.

## Vérifier la conformité du bandeau de consentement

Même en mode sans cookie, il reste utile de documenter ce choix dans la politique de confidentialité du site, en précisant que Matomo est utilisé en configuration anonymisée et auto-hébergée, sans transmission des données à un tiers. Cette transparence facilite les échanges avec un délégué à la protection des données si le client en dispose, et évite toute ambiguïté sur la nature exacte du traitement mis en place.

- Vérifier que l'adresse IP des visiteurs est tronquée dans les réglages de vie privée de Matomo, pour renforcer l'anonymisation au-delà de la simple absence de cookie.
- Contrôler que le script de suivi ne se charge pas avant que la page ait fini de s'afficher, pour ne pas pénaliser le temps de chargement perçu.

> Le point qu'on vérifie systématiquement en fin de mise en place : même sans cookie, l'e-mail ou toute donnée personnellement identifiable ne doit jamais être envoyé comme valeur d'événement Matomo. Un clic se décrit par un nom d'action, jamais par l'identité du visiteur.

## En résumé

Matomo, configuré sans cookie et couplé à un système d'attributs de données sur les widgets Elementor, offre un suivi d'interaction fin sans dépendre d'un service tiers ni multiplier les bannières de consentement. La maintenance reste légère une fois le script central en place, et chaque nouveau widget à suivre ne demande qu'un attribut supplémentaire.