Soms wil je de iubenda-cookiebanner verbergen op bepaalde pagina’s van je website. Heb je bijvoorbeeld een cookiebeleidspagina of een andere specifieke pagina waar de banner niet nodig is, dan kun je hem daar eenvoudig uitsluiten. In deze handleiding laten we zien hoe je dat regelt met een kleine aanpassing in je site.
Stap 1: zorg dat het script van de iubenda Privacy Controls and Cookie Solution is ingesloten
Controleer eerst of het script van de iubenda Privacy Controls and Cookie Solution al op je site is ingesloten.
Zodra het script aanwezig is, kun je het aanpassen om te voorkomen dat de banner op bepaalde pagina’s verschijnt.
Stap 2: verberg de banner op een specifieke pagina
Om de cookiebanner op een specifieke pagina te verbergen, voeg je een aangepast script toe na het script van de iubenda Privacy Controls and Cookie Solution. Wil je de banner bijvoorbeeld verbergen op je cookiebeleidspagina, volg dan deze stappen:
- Bepaal op welke pagina je de banner wilt uitsluiten. Stel dat de URL in dit voorbeeld
http://provawordpress.local/cookie-policy/is. - Je kunt een eenvoudige regel toevoegen die ervoor zorgt dat de banner niet verschijnt op die specifieke pagina.
Hier is een voorbeeld van hoe je dit kunt doen:
<script>
if(window.location.pathname === "/cookie-policy/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>In dit geval wordt de banner verborgen wanneer iemand de pagina cookie-policy bezoekt.
Hier is een voorbeeld van hoe dit script eruit kan zien:
<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>Stap 3: pas de banner aan voor elke pagina op je website
Je kunt dezelfde logica eenvoudig toepassen op elke andere pagina van je website. Stel dat je de banner wilt verbergen op een andere pagina, zoals www.test.com/about-us. Pas het script dan aan zodat het overeenkomt met de URL van de pagina waar je de banner wilt verbergen.
Bijvoorbeeld:
<script>
if(window.location.pathname === "/about-us/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Dit script verbergt de banner wanneer een bezoeker de pagina /about-us/ opent.
Met deze kleine aanpassing bepaal je zelf waar de iubenda-cookiebanner op je website verschijnt. Of je de banner nu wilt verbergen op een specifieke beleidspagina of een ander gedeelte van je site: je past de zichtbaarheid eenvoudig aan naar jouw wensen.