Cookie Wall

Le cookie wall sert a bloquer l'utilisation de votre site tant que l'utilisateur n'a pas soit accepté soit refusé le dépôt des cookies.

1 -Présentation Vidéo

2 - Détail de la configuration

Dans le cas ou vous réalisez des campagnes à l'aide d'outils tiers qui déposent des cookies il est nécessaire d'avoir un consentement préalable. La problématique est que certains internautes peuvent laisser le widget ouvert sans donner une réponse positive ou négative. Le cookie Wall va donc bloquer le scroll et la poursuite de la navigation tant que l'utilisateur n'a pas donné son consentement positif ou négatif au dépôt des cookies.

Pour réaliser cela voici le code à intégrer en lieu et place du SDK Axeptio :

<script type="text/javascript">
(function(){
//fonction permettant de generer un cookie Wall et de bloquer le scroll
var wall = document.createElement("div");
//Paramètres permettant de changer la couleur du cookiewall
wall.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
wall.style.height = "100%";
wall.style.width = "100%";
wall.style.position = "fixed";
wall.style.top = "0";
wall.style.left = "0";
wall.style.zIndex = "2147483646";
//Vérification pour savoir si l'utilisateur n'a jamais fait de choix
if (!document.cookie.match("axeptio_cookies")) {
document.body.appendChild(wall);
// Paramètres permettant le blocage de l'écran
document.body.style.height = "100%";
document.body.style.overflow = "hidden";
}
// SDK de votre projet Axeptio présent dans votre back office
el.setAttribute('src', 'https://static.axept.io/sdk.js');
el.setAttribute('type', 'text/javascript');
el.setAttribute('async', true);
//Remplacer par votre propre Data-id
el.setAttribute('data-id', 'XxxXXXXxxxXXXXxxxXXX');
//Remplacer par votre propre Data-cookies-version
el.setAttribute('data-cookies-version', 'site_fr');
if (document.body !== null) {
document.body.appendChild(el);
}
//Fonction permettant de débloquer le cookie Wall lors du choix de l'utilisateur
void 0 === window._axcb && (window._axcb = []);
window._axcb.push(function(axeptioSDK) {
wall.style.zIndex = (
window.getComputedStyle(document.getElementById("axeptio_overlay"))
.zIndex - 1
).toString();
//Paramètre de déblocage
axeptioSDK.on("cookies:complete", function(choices) {
//Test de la suppression du cookieWall
try {
document.body.removeChild(wall);
//Unlock scroll
document.body.style.height = "";
document.body.style.overflow = "";
} catch (e) {
console.log("Wall already removed");
}
});
});
})();
</script>

Important : Pour que le cookiewall fonctionne parfaitement il est nécessaire de procéder à la suppression de la temporisation de l'apparition des cookies dans la partie "Intégrer les cookies sur votre site"

Si vous souhaitez n'avoir aucune temporisation entre le chargement du cookiewall et l'apparition du widget il est nécéssaire de passer le délai d'apparition à 1