Por vezes, pode ser útil ocultar o banner de cookies da iubenda em determinadas páginas do site. Por exemplo, se tiver uma página de política de cookies ou qualquer outra página em que o banner não seja necessário, é possível impedir que este seja apresentado. Este guia mostra como o fazer facilmente através de uma pequena personalização no seu site.
Passo 1: Verifique se o script da iubenda Privacy Controls and Cookie Solution está incorporado
Em primeiro lugar, certifique-se de que o script da iubenda Privacy Controls and Cookie Solution já se encontra incorporado no seu site.
Com o script instalado, pode personalizá-lo para impedir que o banner seja apresentado em páginas específicas.
Passo 2: Ocultar o banner numa página específica
Para ocultar o banner de cookies numa página específica, basta adicionar um script personalizado a seguir ao script da iubenda Privacy Controls and Cookie Solution. Por exemplo, se pretender ocultar o banner na página de política de cookies, siga estes passos:
- Identifique a página em que pretende excluir o banner. Neste exemplo, considere que o URL é
http://provawordpress.local/cookie-policy/. - Pode adicionar uma regra simples que garante que o banner não será apresentado nessa página específica.
Segue-se um exemplo de como o fazer:
<script>
if(window.location.pathname === "/cookie-policy/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Neste caso, o banner ficará oculto quando alguém visitar a página cookie-policy.
Segue-se um exemplo do aspeto que este script pode ter:
<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>Passo 3: Personalizar para qualquer página do site
A mesma lógica aplica-se facilmente a qualquer outra página do site. Por exemplo, se pretender ocultar o banner numa página diferente, como www.test.com/about-us, basta atualizar o script com o URL da página em questão.
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 utilizador aceder à página /about-us/.
Este pequeno ajuste permite decidir em que páginas o banner de cookies da iubenda é apresentado. Quer pretenda ocultá-lo numa página de política específica ou em qualquer outra secção do site, pode personalizar facilmente a visibilidade do banner conforme as suas necessidades.