Manchmal möchten Sie den iubenda Cookie-Banner auf bestimmten Seiten Ihrer Website nicht anzeigen. Wenn Sie beispielsweise eine Seite mit Ihrer Cookie-Richtlinie oder eine andere Seite haben, auf der der Banner nicht erforderlich ist, lässt er sich gezielt von dort ausschließen. Diese Anleitung zeigt Ihnen, wie Sie das mit einer einfachen Anpassung direkt auf Ihrer Website umsetzen können.
Schritt 1: Das Skript der iubenda Privacy Controls and Cookie Solution einbinden
Stellen Sie zunächst sicher, dass das Skript der iubenda Privacy Controls and Cookie Solution bereits auf Ihrer Website eingebunden ist.
Sobald das Skript eingebunden ist, können Sie es so anpassen, dass der Cookie-Banner auf bestimmten Seiten nicht erscheint.
Schritt 2: Den Cookie-Banner auf einer bestimmten Seite ausblenden
Um den Cookie-Banner auf einer bestimmten Seite auszublenden, fügen Sie ein kurzes benutzerdefiniertes Skript nach dem Skript der iubenda Privacy Controls and Cookie Solution ein. Wenn Sie den Banner beispielsweise auf Ihrer Cookie-Richtlinie-Seite ausblenden möchten, gehen Sie wie folgt vor:
- Bestimmen Sie die Seite, auf der der Cookie-Banner nicht erscheinen soll. Nehmen wir in diesem Beispiel an, die URL lautet
http://provawordpress.local/cookie-policy/. - Sie können eine einfache Regel hinzufügen, die sicherstellt, dass der Cookie-Banner auf dieser Seite nicht angezeigt wird.
Hier ist ein Beispiel, wie Sie das umsetzen können:
<script>
if(window.location.pathname === "/cookie-policy/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>In diesem Fall wird der Cookie-Banner ausgeblendet, sobald jemand die Seite cookie-policy aufruft.
Ein Beispiel, wie dieses Skript aussehen könnte:
<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>Schritt 3: Anpassung für beliebige Seiten Ihrer Website
Dieselbe Logik lässt sich problemlos auf jede andere Seite Ihrer Website übertragen. Angenommen, Sie möchten den Cookie-Banner auf einer anderen Seite ausblenden, zum Beispiel auf www.test.com/about-us – aktualisieren Sie das Skript einfach mit der URL der gewünschten Seite.
Zum Beispiel:
<script>
if(window.location.pathname === "/about-us/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Dieses Skript blendet den Cookie-Banner aus, sobald ein Benutzer die Seite /about-us/ aufruft.
Mit dieser kleinen Anpassung bestimmen Sie, auf welchen Seiten Ihrer Website der iubenda Cookie-Banner erscheint. Ob Sie ihn auf einer bestimmten Richtlinienseite oder in einem anderen Bereich Ihrer Website ausblenden möchten – die Sichtbarkeit des Banners lässt sich flexibel nach Ihren Anforderungen steuern.