Maintenant que vous avez compris la manière dont fonctionne le cookie wall (si vous avez encore des doutes, rendez-vous sur notre article 👉 Qu'est-ce qu'un Cookie Wall avec Alternative ?), allons au coeur du sujet : la mise en place.
Nous avons développé un partenariat avec Didomi, qui offre la possibilité d'utiliser cette feature en "plug & play".
Paramétrage dans votre CMP
Pour pouvoir utiliser notre intégration Poool, vous devez ajouter Poool en tant que vendor à votre notice de consentement.
Pour cela, accédez à votre notice dans la console Didomi et cliquez sur la troisième étape "VENDORS&PURPOSES".
Ensuite, ajoutez le vendor "Poool" à votre notice
Définissez l'action dans votre Dashboard
Une fois ce branchement réalisé, vous pouvez paramétrer le Cookie Wall avec Alternative sur le Dashboard poool.
Le paramétrage du Cookie Wall avec Alternative s'effectue au niveau du contexte.
Vous pouvez ainsi choisir le contenu sur lequel vous voulez appliquer le Cookie Wall.
Rendez-vous dans l'onglet scenario, sur votre contexte sélectionné, cliquez sur les options à droite, puis choisissez [Consentement].
Vous pourrez ainsi cocher la case "Demander explicitement le consentement utilisateur", et configurer votre widget.
Paramétrer votre widget
Vous pouvez à ce moment-là paramétrer plusieurs éléments :
L'action alternative, avec au choix : Aucune, Article Offert, Déblocage invisible, Spot publicitaire, Abonnement, Formulaire.
L'apparence à appliquer à votre widget
La configuration avancée vous permet d'activer et définir le lien de connexion
L'onglet "Paramétrage avancé des textes" vous permet de renseigner les textes de votre choix
💡 Dans le cas où vous souhaitez collecter des inscriptions à votre newsletter, vous pouvez utiliser l'alternative "Formulaire". Celle-ci vous permet de récupérer les données dans votre propre système. Dans un souci de respect de la loi RGPD, aucune data n'est stockée par poool.
💡 Si vous ne souhaitez pas paramétrer d'action utilisateur pour le contexte sur lequel vous avez activé le cookie wall, pensez à créer dans ce contexte un scenario "tous utilisateurs" et paramétrer une action "déblocage invisible".
Intégration technique
En ce qui concerne l'intégration, vous pouvez copier/coller le code que nous vous fournissons ici.
📌 Script poool - ancienne version
Entre les lignes "init" et ("send", "page-view") :
poool('event', 'onConsent', function() {
var didomi_purposes_array = ['_s', 'select_basic_ads', 'create_ads_profile', 'select_personalized_ads', 'create_content_profile', 'select_personalized_content', 'measure_ad_performance', 'measure_content_performance', 'market_research', 'improve_products', 'geolocation_data', 'device_characteristics'];
return new Promise((resolve, reject) => {
window.Didomi.on('notice.clickagree', function () {
resolve(true);
});
window.Didomi.on('notice.disagree', function () {
reject(false);
});
window.Didomi.on('notice.clickdisagree', function () {
reject(false);
});
window.Didomi.on('preferences.clickagreetoall', function () {
resolve(true);
});
window.Didomi.on('preferences.clickdisagreetoall', function () {
reject(false);
});
window.Didomi.on('preferences.clicksavechoices', function(){
var purposes_array = window.Didomi.getRequiredPurposeIds();
var user_status = window.Didomi.getUserStatus();
var purposes_filtered = purposes_array.filter(function(e) { return this.indexOf(e) >= 0;}, didomi_purposes_array);
var user_status_filtered = user_status.purposes.consent.enabled.filter(function(e) { return this.indexOf(e) >= 0;}, didomi_purposes_array);
if(purposes_filtered.length === user_status_filtered.length){
resolve(true);
} else {
reject(false);
};
});
window.Didomi.notice.show();
});
});
📌 Poool script - new version
Dans votre configuration Access :
access.on('consent', () => {
const purposes = [
'_s', 'select_basic_ads', 'create_ads_profile', 'select_personalized_ads',
'create_content_profile', 'select_personalized_content',
'measure_ad_performance', 'measure_content_performance', 'market_research',
'improve_products', 'geolocation_data', 'device_characteristics',
];
return new Promise((resolve, reject) => {
Didomi.on('notice.clickagree', () => {
resolve();
});
Didomi.on('notice.disagree', () => {
resolve(false);
});
Didomi.on('notice.clickdisagree', () => {
resolve(false);
});
Didomi.on('preferences.clickagreetoall', () => {
resolve();
});
Didomi.on('preferences.clickdisagreetoall', () => {
resolve(false);
});
Didomi.on('preferences.clicksavechoices', () => {
const neededPurposes = Didomi.getRequiredPurposeIds()
.filter(p => purposes.includes(p));
const userPurposes = Didomi.getUserStatus()
.purposes.consent.enabled
.filter(p => purposes.includes(p));
resolve(neededPurposes.length === userPurposes.length);
});
Didomi.notice.show();
});
});
Pour plus d'informations, vous pouvez trouver 👉 ici notre guide dédié à l'intégration avec Didomi.
Et voilà !!! Votre cookie wall sera affiché sur votre site ! 🙂