Em alguns casos, você pode querer ocultar o banner de cookies da iubenda em determinadas páginas do site. Por exemplo, se você tiver uma página de política de cookies ou qualquer outra página específica em que o banner não seja necessário, é possível excluí-lo dessa exibição. Este guia mostra como fazer isso facilmente com uma pequena personalização no seu site.
Etapa 1: verifique se o script da Privacy Controls and Cookie Solution da iubenda está incorporado
Primeiro, certifique-se de que o script da Privacy Controls and Cookie Solution da iubenda já está incorporado ao seu site.
Com o script instalado, você pode personalizá-lo para impedir que o banner seja exibido em páginas específicas.
Etapa 2: oculte o banner em uma página específica
Para ocultar o banner de cookies em uma página específica, adicione um script personalizado após o script da Privacy Controls and Cookie Solution da iubenda. Por exemplo, se você quiser ocultar o banner na página de política de cookies, siga estas etapas:
- Identifique a página em que você deseja excluir o banner. Neste exemplo, digamos que a URL seja
http://provawordpress.local/cookie-policy/. - Você pode adicionar uma regra simples que garanta que o banner não será exibido nessa página específica.
Veja um exemplo de como fazer isso:
<script>
if(window.location.pathname === "/cookie-policy/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Nesse caso, o banner será ocultado quando alguém acessar a página cookie-policy.
Veja um exemplo de como esse script pode ficar:
<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>Etapa 3: personalize para qualquer página do seu site
Você pode aplicar essa mesma lógica a qualquer outra página do seu site. Se quiser ocultar o banner em uma página diferente, como www.test.com/about-us, basta atualizar o script com a URL da página em que deseja ocultá-lo.
Por exemplo:
<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á o banner sempre que um usuário acessar a página /about-us/.
Esse pequeno ajuste permite que você decida em quais páginas do seu site o banner de cookies da iubenda será exibido. Seja para ocultá-lo em uma página de política específica ou em qualquer outra seção, você pode personalizar facilmente a visibilidade do banner conforme suas necessidades.