L'atelier

Comment intégrer à tarteaucitron une demande de consentement pour Matomo

Comment intégrer à tarteaucitron une demande de consentement pour Matomo
Bien que la CNIL ait rendu un avis favorable sur la mise en place du tracker Matomo sans demande de consentement préalable, elle l'a fait en donnant des contraintes fortes sur sa configuration. Les conditions obligatoires pour être exempté de consentement sont :
  • Désactiver les exports de données
  • Permettre aux visiteurs de refuser d'être suivis (Opt-out)
  • S'assurer que les adresses IP sont anonymes
  • S'assurer que les cookies tiers et le cross-domain ne sont pas utilisés
  • S'assurer que la mesure du "User ID" n'est pas utilisée
  • S'assurer que la mesure du e-commerce n'est pas utilisée
  • S'assurer que les cartes de chaleurs et enregistrements de session sont désactivés
  • Vérifier qu'il n'y a pas de collecte de données personnelles (dimension et événements personnalisés)
Si une seule de ces conditions n'est pas satisfaite, il devient alors obligatoire de demander le consentement de l'internaute. Typiquement, pour les sites e-commerce, le simple fait de remonter les commandes dans Matomo oblige le commerçant à réactiver les mécanismes de gestion des cookies et du consentement.

Si vous êtes dans le cas où une ou plusieurs de ces conditions sont rédhibitoires, pas de panique. Ce guide contient toutes les explications pour configurer et activer la demande de consentement pour Matomo via le service tarteaucitron.

Déjà utilisé par bon nombre de kiubistes sur leurs sites, gratuit, très complet et extrêmement simple d'utilisation, tarteaucitron (abrégé en TAC dans la suite de cet article) prend en charge nativement la gestion du tracker Matomo et de ses cookies. Il fonctionne avec le service Matomo Cloud mais aussi avec les dernières versions de Matomo en mode auto-hébergé (On-Premise).

Cependant, cette prise en charge comporte deux défauts :
  • Les URLs des trackers ne sont pas tout à fait à jour
  • TAC gère Matomo en opt-out par défaut
Nous allons donc utiliser TAC et créer un gestionnaire sur-mesure pour corriger ces défauts.

Pour installer manuellement TAC sur un site, il suffit de télécharger la dernière version sur le site officiel et de le déployer dans son site ou alternativement d'utiliser une version mise à disposition par un CDN. On utilisera ici celui de Cloudflare.

On ajoute alors dans le <head> des pages de son site la librairie TAC :

<script src="https://cdnjs.cloudflare.com/ajax/libs/tarteaucitronjs/1.9.6/tarteaucitron.js" integrity="sha512-gXl6bTROZxxymUcoVPuH93os9XPq+SrORZCtUiYDNoaxrrJhDX9o0b/kl3a+MeQJxeYqUBejvkCi4gziE6xrqQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Vient ensuite la déclaration d'un gestionnaire sur-mesure matomoconsent pour TAC, à ajouter avant la balise </body> :

<script>

tarteaucitron.services.matomoconsent = {
	"key": "matomoconsent",
	"type": "analytic",
	"name": "Matomo (privacy by design)",
	"uri": "https://matomo.org/faq/general/faq_146/",
	"needConsent": true,
	"cookies": ['_pk_ref', '_pk_cvar', '_pk_id', '_pk_ses', '_pk_hsr', 'mtm_consent', 'matomo_ignore', 'matomo_sessid'],
	"js": function () {
		"use strict";
		if (tarteaucitron.user.matomoId === undefined || tarteaucitron.user.matomoHost === undefined) {
			return;
		}

		window._paq = window._paq || [];
		window._paq.push(["setSiteId", tarteaucitron.user.matomoId]);
		window._paq.push(["setTrackerUrl", tarteaucitron.user.matomoHost + "matomo.php"]);
		window._paq.push(["setDoNotTrack", 1]);
		window._paq.push(["trackPageView"]);
		window._paq.push(["setIgnoreClasses", ["no-tracking", "colorbox"]]);
		window._paq.push(["enableLinkTracking"]);
		window._paq.push([function () {
			var self = this;
			function getOriginalVisitorCookieTimeout() {
				var now = new Date(),
					nowTs = Math.round(now.getTime() / 1000),
					visitorInfo = self.getVisitorInfo();
				var createTs = parseInt(visitorInfo[2]);
				var cookieTimeout = 33696000; // 13 mois en secondes
				var originalTimeout = createTs + cookieTimeout - nowTs;
				return originalTimeout;
			}
			this.setVisitorCookieTimeout(getOriginalVisitorCookieTimeout());
		}]);

		// Handle specific cdn matomo cloud url
		var isCloud = tarteaucitron.user.matomoHost.match(/^https:\/\/([^\.]+\.matomo\.cloud\/)/)
		var trackerDomain = isCloud ? 'https://cdn.matomo.cloud/' + isCloud[1] : tarteaucitron.user.matomoHost;
		tarteaucitron.addScript(trackerDomain + 'matomo.js', '', '', true, 'defer', true);

		// waiting for Matomo to be ready to check first party cookies
		var interval = setInterval(function () {
			if (typeof Matomo === 'undefined') return;

			clearInterval(interval);

			// make Matomo cookie accessible by getting tracker
			Matomo.getTracker();

			// looping through cookies
			var theCookies = document.cookie.split(';');
			for (var i = 1; i <= theCookies.length; i++) {
				var cookie = theCookies[i - 1].split('=');
				var cookieName = cookie[0].trim();

				// if cookie starts like a matomo one, register it
				if (cookieName.indexOf('_pk_') === 0) {
					tarteaucitron.services.matomoconsent.cookies.push(cookieName);
				}
			}
		}, 100);
	}
};

À noter que ce gestionnaire active la fonction "Do Not Track" (cf ["setDoNotTrack", 1]) du tracker Matomo pour un meilleur respect de la vie privée des internautes.

Et juste après, l'initialisation classique de TAC à personnaliser selon vos besoins :

tarteaucitron.init({
"privacyUrl": "/donnees-personnelles.html", /* Privacy policy url */
"cookieName": "tarteaucitron" /* Cookie name */
});
</script>

Il est très important de laisser la valeur de cookieName à tarteaucitron.

Il ne reste plus qu'à activer le module Matomo dans la console d'administration de votre site en précisant bien que la gestion du consentement se faire via TAC et Kiubi se charge du reste.

Le module va exécuter automatique le gestionnaire matomoconsent dans toutes les pages du site, ce qui va permettre le tracking des visites et des commandes uniquement des internautes ayant donné leurs consentements. Il ne reste plus qu'à serveiller l'arrivée des données dans Matomo !

Inside Kiubi

Passez au format WebP pour améliorer les performances de votre site web

Passez au format WebP pour améliorer les performances de votre site web
Le format WebP a été créé par Google, il y a plus de 10 ans, pour remplacer les différents formats d'images communément utilisés sur le Web : jpg, png, gif… L'objectif était de réduire drastiquement le temps de chargement des sites, essentiel aussi bien pour le confort de navigation des internautes, que pour les moteurs de recherche.

Effectivement, si le jpg ou le png ont de nombreux avantages, ce ne sont pas les formats d’images les plus légers. Le format WebP fait (beaucoup) mieux !

Il permet de conserver une très bonne qualité d'image, de prendre en charge les images animés, de gérer la transparence, tout en réduisant le poids de ces images.

De par ses qualités, pensées spécifiquement pour le Web, le format WebP est extrêmement SEO-friendly : il permet d'augmenter la vitesse de chargement d’un site web sans perte de qualité pour les images.

Mais alors, pourquoi l'utiliser seulement maintenant ? Parce que sa prise en charge par les navigateurs a été (très) longue. Si Chrome, développé par Google, le gère évidement depuis le début, ce n'est qu'en 2019 qu'il est correctement pris en charge par Edge (Microsoft) et Firefox (Mozilla). Il faudra attendre début 2022 pour que Safari (Apple) affiche correctement les images WebP.

Sur Kiubi, vous bénéficiez aujourd'hui d'une prise en charge complète du format WebP. Les images au format WebP pourront être utilisées pour toutes les illustrations d'un site, aussi bien dans le contenu du CMS, que dans l'éditeur de texte ou les fiches produits.

Tous les sites nouvellement créés gèreront le vignettage des images, c'est-à-dire les différentes tailles d’images générées automatiquement par Kiubi, au format WebP.

Les plus anciens sites pouront également utiliser ce format pour le vignettage grâce à un outil de conversion vers le format WebP, disponible directement dans leur console d'administration. Une (petite) mise à jour des thèmes graphiques de ces sites est cependant nécessaire pour en profiter pleinement.

Le WebP, en raison de ses nombreux avantages et des gains de performance qu'il peut apporter à un site web, devient le nouveau format standard des images sur Kiubi.

Inside Kiubi

Matomo, l'alternative à Google Analytics qui protège la vie privée de vos clients

Matomo, l'alternative à Google Analytics qui protège la vie privée de vos clients
Après plusieurs articles publiés sur son site officiel, la CNIL a tranché : en raison du transfert de données à caractères personnelles vers les États-Unis, sans garanties suffisantes pour les droits des utilisateurs européens, l'utilisation de Google Analytics ne peut être conforme au RGPD.

L'outil d'analyse de trafic de Google, qui équipe près de 56% de l'ensemble des sites web, à du plomb dans l'aile. Et ce n'est pas la nouvelle version 4 qui va arranger la situation ; les transferts de données n'y sont toujours pas en règle.

La CNIL préconise donc l'utilisation d'autres outils, plus respectueux du règlement général sur la protection des données. Matomo en fait partie. 

Une puissante plateforme d'analyse

Matomo est une plateforme qui permet de mesurer l'audience d'un site web, mais également de récolter et d'analyser un très grand nombre de données liées aux visites. Matomo ne transfère aucune donnée hors de l'Union européenne et respecte la vie privée des internautes.

Il s'agit, à ce jour, d'une des meilleures alternatives à Google Analytics, dont il reprend les principales fonctionnalités : tableau de bord personnalisable, analyses pour le e-commerce, suivi des conversions d'objectifs, segmentation des utilisateurs, rapports de performances, suivi des campagnes, A/B testing, gestion des entonnoirs de conversion, rapports récapitulatifs et bien plus encore.

Un contrôle total sur les données collectées

S'il est correctement configuré, Matomo est exempté de consentement et peut donc être activé par défaut sur un site web. De plus, matomo propose plusieurs méthodes de tracking différentes qui ont toutes leurs propres avantages :

Le Tracker Javascript s'active très simplement, en quelques clics seulement, et permet une analyse très complète des données. Cependant, il souffre des mêmes défauts que celui de Google Analytics : il peut être facilement bloqué, soit directement par les navigateurs, soit via des outils dédiés.

L'API Reporting permet quant à elle de traquer les transactions e-commerce et à l'énorme avantage de pouvoir analyser toutes les visites. Contrairement à un tracker Javascript, l'API Reporting ne peut pas être bloquée mais elle n'est cependant pas exemptée de consentement.

Démarrez avec Matomo

Matomo est "gratuit" en version auto-hébergé et commercialisé en version SaaS à partir de 19,00€ par mois. Cette version est, de notre point de vue, à privilégier pour les sites web réalisant moins de 2M de hits.

Matomo propose une expérience très proche de Google Analytics, ses fonctionnalités et ses réglages sont très nombreux. Un peu plus simple d'accès que son concurrent, en exploiter tout le potentiel restera cependant réservé aux spécialistes. Sa principale force réside bien entendu dans son respect de la vie privée et des données des utilisateurs.

En savoir plus sur la configuration de Matomo

Matomo est disponible dès aujourd’hui pour tous les sites web et e-commerce de Kiubi. La demande de consentement est gérée via tarteaucitron et nécessite une mise à jour pour les thèmes personnalisés.

Inside Kiubi

Comment vendre ses produits depuis Kiubi sur une boutique Facebook ?

Comment vendre ses produits depuis Kiubi sur une boutique Facebook ?
Il est possible de vendre vos produits sur votre boutique Facebook directement à partir de Kiubi. C’est simple, rapide à configurer et très efficace pour faire gagner en visibilité votre site e-commerce.

Activez votre flux de produits sur Kiubi

La première étape consiste à activer la création d'un flux de produits qui permettra à Facebook d'importer, depuis votre site e-commerce, les produits que vous souhaitez vendre sur votre boutique Facebook.

Depuis votre console d’administration, dans le module dédié à votre boutique Facebook, il vous suffit de choisir les catégories de produits à inclure dans votre flux.

Quand vous effectuerez des modifications dans votre catalogue, par exemple en ajoutant de nouveaux produits dans ces catégories, ces derniers seront également automatiquement ajoutés à votre flux.

Liez votre flux de produits à votre boutique Facebook

Si vous disposez déjà d’une page Professionnelle Facebook, vous pouvez immédiatement créer votre boutique. Dans le cas contraire, Facebook fournie une documentation très complète concernant l’utilisation de ses boutiques.

Une fois la boutique créée, choisissez comme moyen de paiement Paiement sur votre site web et comme source de données un Fil programmé.

Indiquez l’adresse de votre flux de produits et terminez la configuration. Aucune autre opération n'est nécessaire !

Démarrez la vente sur Facebook et Instagram

À partir de maintenant, Facebook importera automatiquement vos produits à la fréquence que vous avez définie : votre boutique Facebook est synchronisée avec votre catalogue de produits sur Kiubi !

Depuis votre boutique Facebook, il vous sera également possible de publier vos produits sur Instagram Shopping.

En savoir plus sur les Boutiques Facebook

Grâce à vos boutiques Facebook et Instagram, vos clients pourront consulter vos produits directement sur leurs réseaux sociaux et seront redirigés vers votre site e-commerce pour passer commande.

Inside Kiubi

Nouveau centre de notifications : restez toujours informé de l'activité de votre site

Nouveau centre de notifications : restez toujours informé de l'activité de votre site
Le suivi en temps réel de l'activité d'un site est essentiel. Pour vous aider dans cette tâche quotidienne, nous avons le plaisir de vous proposer un tout nouveau centre de notifications. Et une chose est sûre, il va clairement vous simplifier la vie.

Supervisez facilement les évènements de votre site

Tous les évènements importants de votre site seront désormais accessibles en permanence, où que vous soyez dans la console d'administration de Kiubi : vos nouvelles commandes, les réponses à vos formulaires, les commentaires postés et les nouvelles évaluations de produits, etc. seront toujours à portée de clic, bien rangés dans le centre de notifications.

Dès qu'un nouvel évènement survient, une petite bannière d'alerte apparaît pour vous avertir. Elle restera affichée quelques secondes pour vous permettre d'accéder directement à cet évènement, puis ira se classer automatiquement dans le centre de notifications.

À chaque fois que vous vous connecterez à votre console d'administration, vous retrouverez ainsi dans le centre de notifications tous les évènements qui ont eu lieu depuis votre dernière visite.

Des rapports d'activité quotidiens par email

Tous les sites sur Kiubi peuvent déjà recevoir des alertes ponctuelles par email en guise de notification d'évènements. Vous pourrez maintenant également activer l'envoi d'un rapport quotidien.

Vous recevrez ainsi tous les jours, par email, toutes les données essentielles de la veille : visites, chiffre d'affaires, nombre de commandes, nouvelles évaluations de produits, produits en rupture de stock, etc.
Une vingtaine de données pour vous permettre d'avoir un aperçu de votre activité en un coup d'oeil.

Des alertes pour les produits à réapprovisionner

Dernière nouveauté et non des moindres. Pour identifier précisément les produits à réapprovisionner, une nouvelle option vous permet d'activer des notifications et de recevoir une alerte pour tous les produits arrivant à épuisement de stock.

Il suffit de définir la quantité de stock à partir de laquelle la notification est activée. Dès qu'un produit atteint cette limite, indépendante du stock affiché, vous recevrez une alerte intégrée au rapport d'activité quotidien. Il ne vous restera plus qu'à exporter les produits concernés pour organiser votre réassort.

Découvrir le centre de notifications

Avec le nouveau centre de notifications, les nouveaux rapport d'activité et le suivi du réapprovisionnement de produits, vous êtes certain de ne jamais rater aucun évènement important de votre site !

Derniers billets postés

Haut de page