En algunas ocasiones puede que quieras ocultar el banner de cookies de iubenda en determinadas páginas de tu sitio. Por ejemplo, si tienes una página de política de cookies u otra sección específica donde el banner no sea necesario, puedes excluirlo para que no aparezca en ella. Esta guía te explica cómo hacerlo con una pequeña personalización en tu sitio.
Paso 1: comprueba que el script de Privacy Controls and Cookie Solution de iubenda está integrado
Primero, asegúrate de que el script de Privacy Controls and Cookie Solution de iubenda ya está integrado en tu sitio.
Una vez que el script esté en su lugar, puedes personalizarlo para que el banner no se muestre en páginas concretas.
Paso 2: oculta el banner en una página concreta
Para ocultar el banner de cookies en una página determinada, añade un script personalizado después del script de Privacy Controls and Cookie Solution de iubenda. Por ejemplo, si quieres ocultarlo en tu página de política de cookies, sigue estos pasos:
- Identifica la página en la que quieres excluir el banner. En este ejemplo, supongamos que la URL es
http://provawordpress.local/cookie-policy/. - Puedes añadir una regla sencilla que impida que el banner aparezca en esa página.
A continuación tienes un ejemplo de cómo conseguirlo:
<script>
if(window.location.pathname === "/cookie-policy/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>En este caso, el banner quedará oculto cuando alguien visite la página cookie-policy.
A continuación tienes un ejemplo de cómo puede quedar este script:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {"cookiePolicyUrl":"http://provawordpress.local/cookie-policy/","consentOnContinuedBrowsing":false,"enableTcf":false,"whitelabel":false,"lang":"en-GB","siteId":1129739,"floatingPreferencesButtonDisplay":"bottom-right","perPurposeConsent":true,"cookiePolicyId":33731144, "banner":{ "closeButtonRejects":true,"acceptButtonDisplay":true,"customizeButtonDisplay":true,"explicitWithdrawal":true,"position":"float-top-center","closeButtonCaption":"<button type=\"button\" class=\"iubenda-cs-close-btn\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" style=\"background-color: rgb(239, 239, 239) !important; border-radius: 55px !important; border: 1px solid rgb(119, 119, 119) !important; font-size: 16px !important; font-weight: bold !important; padding: 10px 20px !important; height: 34px !important; color: rgb(102, 102, 102) !important; visibility: visible;\">Continue without accepting</button>" }, "footer":{"btnCaption":"Custom Test Here"}};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub-v2.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
<script>
//custom script to add
if(window.location.pathname === "/cookie-policy/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Paso 3: personaliza la configuración para cualquier página de tu sitio web
Esta misma lógica se aplica fácilmente a cualquier otra página de tu sitio web. Supongamos que quieres ocultar el banner en una página diferente, como www.test.com/about-us. En ese caso, actualiza el script con la URL de la página donde quieres que el banner no aparezca.
Por ejemplo:
<script>
if(window.location.pathname === "/about-us/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Este script ocultará el banner cada vez que alguien visite la página /about-us/.
Con este pequeño ajuste puedes decidir en qué páginas de tu sitio web aparece el banner de cookies de iubenda. Tanto si quieres ocultarlo en una página de política concreta como en cualquier otra sección del sitio, puedes personalizar fácilmente su visibilidad según tus necesidades.