In alcuni casi potresti voler nascondere il cookie banner di iubenda su determinate pagine del tuo sito. Ad esempio, se hai una pagina dedicata alla cookie policy o qualsiasi altra pagina in cui il banner non è necessario, puoi escluderne la visualizzazione. Questa guida ti mostra come farlo con una semplice personalizzazione del codice sul tuo sito.
Passaggio 1: verifica che lo script di iubenda Privacy Controls and Cookie Solution sia integrato
Prima di tutto, assicurati che lo script di iubenda Privacy Controls and Cookie Solution sia già integrato nel tuo sito.
Una volta che lo script è attivo, puoi personalizzarlo per evitare che il banner venga visualizzato su pagine specifiche.
Passaggio 2: nascondi il banner su una pagina specifica
Per nascondere il cookie banner su una pagina specifica, aggiungi uno script personalizzato dopo lo script di iubenda Privacy Controls and Cookie Solution. Ad esempio, se vuoi nascondere il banner sulla tua pagina della cookie policy, segui questi passaggi:
- Individua la pagina su cui vuoi escludere il banner. In questo esempio, supponiamo che l’URL sia
http://provawordpress.local/cookie-policy/. - Puoi aggiungere una semplice regola che impedisce al banner di apparire su quella pagina specifica.
Ecco un esempio di come puoi farlo:
<script>
if(window.location.pathname === "/cookie-policy/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>In questo caso, il banner verrà nascosto quando qualcuno visita la pagina cookie-policy.
Ecco un esempio di come potrebbe apparire questo 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>Passaggio 3: personalizza il comportamento su qualsiasi pagina del tuo sito
Puoi applicare la stessa logica a qualsiasi altra pagina del tuo sito. Supponiamo che tu voglia nascondere il banner su una pagina diversa, come www.test.com/about-us: in quel caso, aggiorna lo script con l’URL della pagina su cui vuoi nascondere il banner.
Ad esempio:
<script>
if(window.location.pathname === "/about-us/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Questo script nasconde il banner ogni volta che un utente visita la pagina /about-us/.
Con questa piccola modifica puoi decidere su quali pagine visualizzare il cookie banner di iubenda. Che tu voglia nasconderlo su una pagina di policy specifica o in qualsiasi altra sezione del sito, puoi personalizzarne la visibilità in base alle tue esigenze.