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 générer le blocage et le background du cookie Wall
var wall = document.createElement("div");
var el = document.createElement('script');
//Paramètre permettant de changer la couleur du cookiewall
wall.style.backgroundColor = "#00000078";
wall.style.height = "100%";
wall.style.width = "100%";
wall.style.position = "fixed";
wall.style.top = "0";
wall.style.left = "0";
wall.style.zIndex = "2147483646";
document.body.appendChild(wall);
// Paramètre 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(choice){
document.body.removeChild(wall);
//Unlock scroll
document.body.style.height = "";
document.body.style.overflow = "";
})
})
})();
</script>