Axeptio : Formation/Guide complet 2023

La plupart des lois sur la confidentialité des données dans le monde réglementent la manière dont les sites web, les entreprises, les organisations, les gouvernements et autres sont autorisés à collecter et à utiliser les données personnelles des individus.

Parmi ces lois, nous retrouvons notamment la fameuse loi européenne RGPD – Règlement Général sur la Protection des Données – ou GDPR en anglais.

Axeptio est ce que l’on appelle une CMP (Consent Management Platform).

Les solutions de gestion du consentement (CMP) s’occupent – comme le nom l’indique – du contrôle du consentement des utilisateurs sur les sites web en ce qui concerne la collecte des données à caractère personnel, souvent par le biais de cookies.

Dans cet article nous allons vous présenter en détail la solution Axeptio ainsi que comment l’implémenter depuis Google tag Manager.

C’est parti ! 🧑‍💻 🤓

Qu’est-ce que Axeptio ?

Qu’est-ce qu’une CMP – Customer Management Platform ?

Pour comprendre l’utilité d’Axeptio, il est important de comprendre ce qu’est une CMP. Une CMP est une solution qui peut être utilisée sur un site web pour :

• Demander, recevoir et stocker le consentement des utilisateurs
• Stocker la liste des plateformes tierces (Google Analytics, Facebook Ads, Google Ads, Linkedin Ads, etc) ainsi que les raisons pour lesquelles elles collectent des données utilisateurs
• Mettre à jour les consentements collectés (si un utilisateur a déclenché l’action « j’accepte d’être tracké »)

Il existe sur le marché de nombreuses solutions de gestion du consentement. Elles peuvent avoir une logique fonctionnelle différente et être liées ou non à un système de gestion des balises (TMS).

Axeptio fait parti de ces outils permettant de gérer le consentement des utilisateurs sur un site web, et c’est la CMP que l’on utilise le plus avec nos clients au sein de l’agence web analytics Boryl car elle simple d’utilisation et très performante.

Présentation de la solution Axeptio

Axeptio est un tiers de confiance qui recueille et archive le consentement des utilisateurs de manière conforme à la réglementation RGPD. C’est un module générique et reconnaissable qui peut être intégré sur n’importe quel site web, depuis n’importe quel CMS, et affichant toutes les informations requises pour une demande de consentement conforme. L’utilisateur final peut accéder et modifier ses choix à tout moment sur le module Axeptio, et ce de manière détaillée.

Ainsi, l’utilisateur peut choisir de donner son consentement pour certains outils tiers, et de bloquer d’autres outils tiers.

Exemple : Un utilisateur peut donner son consentement à Google Analytics, mais pas à Facebook Ads.

Combien coûte la solution Axeptio ?

Le prix de la solution dépend du nombre de visites mensuelles du site web destiné :

• Jusque 149 000 visites / mois, le module est gratuit
• De 150 000 visites à 299 000 visites / mois, le module coûte 49€ / mois
• De 300 000 visites à 999 999 visites / mois, le module coûte 99€ / mois
• Au delà d’1 million de visites par mois / mois, le module coûte 199€ / mois

A savoir, il est possible d’ajouter des services additionnels pour un coût supplémentaire :

• Les consentements marketing
• Les consentements contractuels

Pourquoi utiliser la solution Axeptio ?

Il y a plusieurs raisons pour lesquelles nous recommandons l’utilisation d’Axeptio en CMP.

Tout d’abord, avec les nouvelles réglementations de la CNIL et du RGPD, il est devenu obligatoire de donner aux utilisateurs la possibilité de gérer leur consentement sur les cookies des outils tiers. Ainsi, tout site n’offrant pas cette possibilité à ses utilisateurs ne serait donc pas en accord avec les nouvelles réglementations.

Deuxio, Axeptio est un outil facile à implémenter. Il est très simple d’intégrer le module front sur votre site web (directement dans le code du site, depuis Google Tag Manager et autres TMS, ou depuis des intégrations partenaires). Si vous utilisez GTM, il est également très simple de configurer l’ensemble de vos balises marketing en fonction du consentement donné par les utilisateurs directement depuis l’interface.

Enfin, Axeptio est réputé pour proposer un module avec une UX ludique et intuitive, permettant aux utilisateurs de facilement gérer leur consentement.

Quelles sont les alternatives à Axeptio ?

Il existe un grand nombre d’alternatives à Axeptio, avec chacun leur avantages et inconvénients.

Voici une liste des solutions alternatives les plus connues :

• One trust
• Didomi
• Cookiebot
• SFBX
• Legal Monster

Comment configurer le gestionnaire de cookies Axeptio ?

Création du compte Axeptio

Naturellement, pour pouvoir utiliser Axeptio sur votre site, vous devez commencer par créer un compte.

Pour se faire, rendez-vous sur : https://admin.axeptio.eu/

Ensuite, cliquez sur « Je veux créer un compte », acceptez les conditions générales d’Axeptio, rentrez vos informations, et validez la création de votre compte.

Une fois que vous avez réalisé ces étapes, vous devriez arriver sur cette fenêtre :

Choisissez « Créer un nouveau projet », puis rentrez les informations de votre site web comme sur la capture d’écran ci-dessous :

• Url
• Nom du projet

Cliquez sur « Créer le projet ».

Vous devez maintenant être sur la fenêtre de configuration suivante :

Nous pouvons maintenant passer à l’étape de la configuration du module.

Configuration du module Axeptio

Une fois le compte créé, nous pouvons nous attaquer à la configuration du module Axeptio. Cette configuration comprend plusieurs étapes :

• La configuration du contenu textuel
• La configuration du design des fenêtres
• L’ajout de cookies à la fenêtre de gestion des cookies

La configuration du contenu textuel

Le contenu textuel des widgets

L’ensemble des contenus écrits sont modifiables sur le module Axeptio. Sur l’écran initial, vous avez un bouton qui vous permet de modifier l’ensemble des contenus relatifs aux « boutons » du module :

Par exemple, vous pouvez configurer le contenu des widgets suivants :

• Passer au widget suivant
• Retour sur le widget précédent
• Offrir la possibilité à l’utilisateur de choisir ses cookies
• Fermer le module Axeptio
• Accepter l’ensemble des cookies
• Sélectionner, désélectionner des cookies
• Confirmer la dernière fenêtre du module
• Etc

Le contenu textuel des fenêtres

Le module Axeptio est constitué d’au moins deux fenêtres :

• Une première qui permet à l’utilisateur de comprendre l’objectif du module, et de donner (ou non) facilement son consentement
• Une seconde fenêtre qui récapitule l’ensemble des cookies utilisés par l’éditeur du site, et qui permet donc à l’utilisateur de choisir au cas par cas à qui donner (ou non) son consentement

En cliquant sur « Écran de bienvenue, » vous allez pouvoir modifier le contenu textuel de la première fenêtre :

En cliquant sur « On vous présente nos cookies », vous allez pouvoir modifier le contenu de la seconde fenêtre :

La configuration du design des fenêtres

Comme pour le contenu textuel, il est possible de changer les couleurs visibles sur le module Axeptio, ainsi que les images.

Configuration du design général

En cliquant sur le bouton « Personnalisez la solution à vos couleurs » en haut à gauche du dashboard, vous accédez à une fenêtre qui vous permettra de changer le design global du module Axeptio :

• La position de la fenêtre sur votre site
• La couleur des boutons principaux
• La couleur des boutons secondaires
• l’image en haut à droite du module
• La couleur de la tâche en haut à droite du module
• La police du texte
• La couleur du contenu textuel
• Les arrondis du module
• etc

Configuration du design des différentes fenêtres

Il est également de personnaliser légèrement le design des différentes fenêtres du module Axeptio.

Si vous cliquez sur l’écran de bienvenue, on vous propose les options suivantes :

Vous pouvez ici :

• Modifier l’image en haut à droite de la fenêtre
• Modifier les dimensions de l’image
• Activer/désactiver la tache de couleur en haut à droite
• etc

L’ajout de cookies à la fenêtre de gestion des cookies

Sur ce dernier écran, vous pouvez constater qu’il y a par défaut 2 outils/cookies configurés :

• Google Analytics
• Facebook Ads

Si vous cliquez sur le cookie Facebook Pixel, vous pouvez en modifier le contenu et la configuration :

On peut voir qu’il est également possible d’ajouter des cookies.

Il suffit simplement de cliquer sur « Ajouter un nouveau cookie ».

Ensuite, vous pouvez soit faire une recherche et choisir un cookie déjà paramétré chez Axeptio, soit faire la configuration du cookie vous-même.

Dans le cas de la sélection d’un cookie déjà paramétré chez Axeptio, vous n’avez qu’à le sélectionner, et vous n’aurez pas besoin de faire la configuration du cookie.

En revanche, si votre cookie ne figure pas dans la liste des cookies préconfigurés, vous pouvez facilement en configurer un vous-même.

Il vous suffit dans ce cas de remplir chacun des champs de configuration du cookie :

L’ID sera attribué automatiquement lorsque vous aurez enregistré votre cookie personnalisé.

Choisissez le titre que vous souhaitez. Par exemple : Criteo.

Choisissez le nom que vous souhaitez. Par exemple : Criteo.

Choisissez une description courte du Cookie. Par exemple : Identifie les utilisateurs en provenance de Criteo.

Choisissez une description longue. Cet encart vous permet de justifier, dans votre cas, l’utilisation de Criteo et pourquoi c’est important pour vous.

Entrez le nom de domaine du cookie. Ce champ permet à Axeptio d’aller chercher automatiquement le favicon de l’outil propriétaire du cookie, et donc de l’afficher sur le module.

Ajoutez le lien vers la politique de confidentialité de l’outil propriétaire du cookie.

Enregistrez, et votre cookie est ajouté à l’écran de configuration du module Axeptio ! 👌🏻

Maintenant que votre module est prêt, vous pouvez passer à sa publication !

Publication de votre configuration

La publication d’Axeptio est relativement simple, il vous suffit de cliquer sur le bouton « Publier » en haut à droite du header, puis de confirmer :

En fonction de la configuration réalisée (et principalement, du nombre de cookies à gérer), vous risquez de ne pas pouvoir publier avant de souscrire à une offre :

Il vous suffit dans ce cas de choisir l’offre gestion des cookies, de valider votre souscription, et de publier à nouveau !

Une fois la publication réalisée, le design ainsi que le contenu de votre module sont visibles. Il vous faut maintenant intégrer le module sur votre site afin que celui-ci puisse être accessible par vos utilisateurs.

Dans la prochaine partie nous allons voir ensemble comment intégrer le module sur l’ensemble des pages de votre site de sorte qu’il soit visible par vos utilisateurs.

On va étudier les différents cas de figure afin que tout le monde s’y retrouve ! (intégration WordPress, Prestashop, Shopify, etc)

Comment intégrer le gestionnaire de cookies Axeptio sur votre site web ?

L’intégration du module sur le site est une manoeuvre assez simple. Il suffit de copier-coller le code JS (JavaScrip) de votre module dans le code source de chacune de vos pages.

Tout d’abord, retournez sur votre gestionnaire de cookies.

Sur l’écran principal, en haut a gauche, vous trouverez un bouton « Intégrez sur votre site ».

Lorsque vous cliquez dessus, vous arrivez sur cette page :

Vous pouvez voir ici le script Axeptio à copier/coller, en dur, dans le footer de toutes les pages du site.

Il existe d’autres façons d’intégrer le module Axeptio sur votre site. Vous pouvez le faire facilement depuis Google Tag Manager, ou en utilisant les modules et plugins créé par Axeptio pour les CMS les plus utilisés :

• WordPress
• Shopify
• Prestashop
• Etc

Intégration du module Axeptio depuis Google Tag Manager

L’intégration du script Axeptio depuis Google Tag Manager est relativement simple. Il vous suffit de créer une balise « Custom HTML », de coller le script Axeptio, et de choisir le déclencheur « All pages ». Une fois votre conteneur GTM publié, votre module Axeptio sera visible sur l’ensemble des pages du site.

Intégration du module Axeptio sur WordPress

Si vous avez un site wordpress, et que vous souhaitez intégrer le module Axeptio sur vos pages, alors vous pouvez simplement télécharger un module vous permettant d’injecter du JS dans votre footer.

Vous pouvez télécharger ce module gratuit ici : https://fr.wordpress.org/plugins/custom-css-js/

Une fois le module téléchargé et installé, ouvrez-le, et copiez-collez votre script Axeptio afin qu’il soit injecté dans le footer de chacune de vos pages.

Vous pouvez également faire le travail à la main sans passer par le module. Pour se faire, il vous suffit d’ouvrir l’éditeur de votre thème wordpress, de trouver le fichier thème footer (footer.php), de l’ouvrir, et de coller votre script Axeptio.

Intégration du module Axeptio sur Prestashop

Afin de faciliter l’intégration du script sur Prestashop, Axeptio a créé un module prestashop spécifique que vous pouvez trouver ici.

Une fois le module téléchargé, il vous faut l’uploader dans votre thème Prestashop, puis le configurer.

Afin de configurer correctement le module, il vous suffit de copier-coller l’ID de votre projet Axeptio. Celui-ci est disponible au même endroit que le script Axeptio.

Ensuite, sauvegardez, et le module est maintenant visible sur chacune des pages de votre boutique Prestashop.

Intégration du module Axeptio sur Shopify

L’intégration du script sur votre boutique Shopify est très simple :

• Tout d’abord, connectez-vous à votre Back-Office Shopify
• Rendez-vous dans « Online store » > « Thèmes », puis cliquez sur « Éditer le code »
• Ouvrez le fichier « theme.liquid »
• Copiez-collez votre script juste avant la fermeture de la balise </body>
• Sauvegardez et le tour est joué ! Votre module Axeptio est maintenant visible sur l’ensemble des pages de votre boutique Shopify.

Intégration du module Axeptio sur Drupal

L’intégration du script sur votre site Drupal est très simple :

• Tout d’abord, connectez-vous à votre admin dashboard Drupal
• Dans le menu du haut, choisissez « Structure »
• Cliquez sur « Blocks » et ajoutez un Block
• Remplissez les champs du block
• Collez votre script et le tour est joué ! Votre module Axeptio est maintenant visible sur l’ensemble des pages de votre site Drupal

Intégration du module Axeptio sur Joomla

L’intégration du script sur votre site Joomla est très simple :

• Connectez-vous à votre compte Joomla en tant qu’administrateur
• Dans le menu de navigation principal, naviguez vers « Extensions » > « Templates »
• Cliquez sur le nom de votre template et sélectionnez index.php dans le menu latéral de gauche
• Collez le code juste avant la fermeture de la balise « </body> »
• Sauvegardez, et le tour est joué ! Votre module Axeptio est maintenant visible sur l’ensemble des pages de votre site Joomla

Intégration du module Axeptio sur WIX

L’intégration du script sur votre site WIX est très simple :

• Tout d’abord, rendez-vous dans les paramètres de votre site
• Cliquez sur « Suivi et Analytiques »
• Cliquez sur « Nouvel outil » > « Personnalisé »
• Copiez-collez votre script, puis choisissez de le déclencher sur toutes les pages dans le footer
• Sauvegardez, et le tour est joué ! Votre module Axeptio est maintenant disponible sur l’ensemble des pages de votre site Wix

Intégration du module Axeptio sur Squarespace

L’intégration du script sur votre site Squarespace est très simple :

• Tout d’abord, rendez-vous dans les paramètres de votre site
• Sur le menu de droite, cliquez sur « Settings »
• Dans la section « Site web » du menu, naviguez jusqu’à « Advanced », puis sélectionnez « Code injection »
• Copiez-collez votre script dans l’emplacement « Footer »
• Sauvegardez, et le tour est joué ! Votre module Axeptio est maintenant disponible sur l’ensemble des pages de votre site Squarespace

Intégration du module Axeptio sur Webflow

L’intégration du script sur votre site Webflow est très simple :

• Tout d’abord, connectez-vous à votre compte webflow, et choisissez votre projet
• Sur le menu en haut à gauche de la fenêtre, choisissez « Project Settings »
• Dans la section « Site web » du menu, naviguez jusqu’à « Advanced », puis sélectionnez « Code Injection »
• Cliquez sur « Custom Code »
• Copiez-collez votre script dans l’emplacement « Footer »
• Sauvegardez, et le tour est joué ! Votre module Axeptio est maintenant disponible sur l’ensemble des pages de votre site Webflow

Comment appliquer le consentement des utilisateurs au déclenchement des pages vues Google Analytics avec GTM ?

Maintenant que vous avez configuré le module Axeptio, et que celui-ci est visible sur l’ensemble des pages de votre site, il vous reste une dernière étape : appliquer le consentement des utilisateurs aux cookies du site.

En simple, cela nous permettra d’envoyer les données de vos utilisateurs vers vos différents outils tiers seulement lorsqu’ils auront donné leur consentement. S’ils décident de ne pas donner leur consentement, aucune donnée ne sera envoyée vers vos outils tiers.

Bien qu’il existe un moyen personnalisé de gérer la pose ou la suppression des cookies, nous recommandons fortement l’utilisation de Google Tag Manager, qui simplifie grandement la tâche.

L’intégration depuis GTM consiste en la modification des déclencheurs de vos différentes balises afin de leur ajouter le consentement des utilisateurs en condition.

Afin de vous donner un exemple, nous allons affecter le consentement utilisateur à la balise « Page vue » Google Analytics.

Vous l’aurez compris, ce que vous voulez ici, c’est déclencher la balise « Page vue » Google Analytics sur toutes les pages de votre site, si et seulement si, l’utilisateur à donné son consentement.

Conditions du déclenchement :

• Ouverture de page
• Consentement Google Analytics = True

Afin de vous simplifier la tâche, à chaque chargement de page, Axeptio envoie dans le dataLayer un événement qui vous dit si oui ou non l’utilisateur à donné son consentement pour chacun des outils paramétrés dans le module.

Ces événements ont la structure suivante : axeptio_activate_nomDeLaBalise

Par exemple, si vous avez configuré Google Analytics et Facebook Ads, Axeptio envoie à l’ouverture de chaque page les événements suivants :

• axeptio_activate_google_analytics
• axeptio_activate_facebook_pixel

À SAVOIR : ces événements sont envoyés si et seulement si l’utilisateur a donné son consentement.

Afin de configurer correctement les pages vues Google Analytics depuis Google Tag Manager, il va donc falloir :

• Créer une variable qui sera notre tracking code Google Analytics
• Créer le déclencheur axeptio_activate_google_analytics
• Créer la balise Google Analytics – Pages vues

Pour commencer, rendez-vous dans GA, afin de copier votre tracking code :

Ensuite rendez vous sur « Google Tag Manager » > « Variables » :

Cliquez sur « New », puis choisissez « Google Analytics Settings » et collez votre tracking ID :

Sauvegardez, et votre variable GA UA ID est créée !

Maintenant que notre variable GA est créée, rendez-vous dans l’onglet « Déclencheurs » :

Vous allez créer un nouveau déclencheur, que vous allez appeler « Axeptio – Activate GA » basé sur l’événement : axeptio_activate_google_analytics :

Une fois sauvegardé, rendez-vous dans l’onglet « Balises » où vous allez terminer la configuration des pages vues Google Analytics.

La balise « GA Pages vue » est censée se déclencher sur toutes les pages du site. Étant donné que l’événement axeptio_activate_google_analytics se déclenche lors de l’ouverture de toutes les pages du site, alors celui-ci sera notre unique déclencheur.

Comme illustré sur la photo ci-dessus :

• Nommez votre balise
• Choisissez votre variable GA UA ID
• Et ajoutez votre déclencheur Axeptio – Activate GA

Et voilà, le tour est joué ! Votre tag Google Analytics se déclenchera sur toutes les pages de votre site, si et seulement si l’utilisateur donne son consentement pour Google Analytics !

Quelques points à retenir !

Voilà pour aujourd’hui ! Nous avons vu ensemble ce qu’était Axeptio et pourquoi il était important de l’utiliser (ou une autre CMP). Nous avons également vu ensemble comment mettre en place Axeptio sur votre site.

Voici quelques points à retenir :

• Lors de l’implémentation d’Axeptio, commencez par créer votre compte et configurer le module (contenu, design, cookies)
• Intégrez votre script Axeptio sur l’ensemble des pages de votre site (GTM, Custom, Intégrations partenaires)
• Utilisez Google Tag Manager pour appliquer le consentement de l’utilisateur en condition de vos déclencheurs
• Pour que tous vos scripts se déclenchant sur l’ensemble des pages de votre site : utilisez la variable « axeptio_activate_nomDeLaBalise »