🍪Eliminar Menú flotante CookieYes
Tutorial sobre cómo eliminar el menú flotante del plugin CookieYes usando CSS.
Nuestro objetivo será eliminar el menú flotante que aparece después de aceptar las cookies
Lo haremos usando el siguiente código de JS:
Código JS
document.addEventListener("DOMContentLoaded", function () {
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}
function hideCookieRevisitButton() {
const revisitButton = document.querySelector(".cky-btn-revisit-wrapper");
if (revisitButton) {
revisitButton.style.display = "none";
}
}
function checkConsentAndHide() {
const consent = getCookie("cookieyes-consent");
if (consent && consent.includes("yes")) {
hideCookieRevisitButton();
}
}
checkConsentAndHide();
const observer = new MutationObserver(checkConsentAndHide);
observer.observe(document.body, {
childList: true,
subtree: true,
});
});
Warning
Funciona en la version 3.2.9, es posible que si en versiones futuras se cambie el nombre de las variables o el funcionamiento del plugin haya que arreglarlo
Añadir código JS
Ahora nos desplazamos al editor que estemos usando en ese momento en este caso se está haciendo con el editor Betheme:
- Nos dirigimos al apartado general y nos desplazamos al final
- Seleccionamos Custom CSS & JS
- Añadimos el código JS
Warning
Importante purgar el caché de la página.
✅ Comprobamos que el menú flotante ha desaparecido