Il peut arriver que vous souhaitiez masquer le bandeau cookies d’iubenda sur certaines pages de votre site. Par exemple, si vous disposez d’une page dédiée à votre politique relative aux cookies ou de toute autre page où le bandeau n’est pas nécessaire, il est possible de l’exclure. Ce guide vous explique comment y parvenir en apportant une simple personnalisation à votre site.
Étape 1 : intégrer le script Privacy Controls and Cookie Solution d’iubenda
Assurez-vous d’abord que le script Privacy Controls and Cookie Solution d’iubenda est bien intégré sur votre site.
Une fois le script en place, vous pouvez le personnaliser pour empêcher l’affichage du bandeau sur certaines pages.
Étape 2 : masquer le bandeau cookies sur une page spécifique
Pour masquer le bandeau cookies sur une page donnée, ajoutez un script personnalisé après le script Privacy Controls and Cookie Solution d’iubenda. Par exemple, si vous souhaitez masquer le bandeau sur votre page de politique relative aux cookies, suivez ces étapes :
- Identifiez la page sur laquelle vous souhaitez exclure le bandeau. Dans cet exemple, supposons que l’URL soit
http://provawordpress.local/cookie-policy/. - Vous pouvez ajouter une règle simple qui empêchera le bandeau de s’afficher sur cette page spécifique.
Voici un exemple de la façon dont vous pouvez procéder :
<script>
if(window.location.pathname === "/cookie-policy/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Dans ce cas, le bandeau sera masqué lorsqu’un visiteur accède à la page cookie-policy.
Voici à quoi pourrait ressembler ce 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>Étape 3 : personnaliser l’affichage pour n’importe quelle page de votre site
Vous pouvez appliquer cette même logique à n’importe quelle autre page de votre site. Par exemple, si vous souhaitez masquer le bandeau sur une page différente, comme www.test.com/about-us, mettez simplement à jour le script en indiquant l’URL de la page concernée.
Par exemple :
<script>
if(window.location.pathname === "/about-us/") {
document.head.innerHTML = document.head.innerHTML + '<style>div#iubenda-cs-banner { display: none !important; } </style>';
}
</script>Ce script masquera le bandeau dès qu’un utilisateur visitera la page /about-us/.
Ce simple ajustement vous permet de décider sur quelles pages le bandeau cookies d’iubenda s’affiche. Que vous souhaitiez le masquer sur une page de politique ou sur toute autre section de votre site, vous pouvez facilement adapter la visibilité du bandeau selon vos besoins.