Cookie opt'in

De Wiki.

Sommaire

Principes

Ajout d'une petite bannière informant les utilisateurs des cookies utilisés sur le site en question. Il s'agit d'une obligation légale pour tous les sites hébergés sur des serveurs implantés dans l'espace européen.

Script utilisé

https://github.com/dobarkod/cookie-banner


Fichiers utilisés / modifiés

/www/backoffice/cms/js/cookiebanner.min.js.php

L'appel au script se fait dans le header

/www/include/cms-inc/newpage_write.php


Paramètres

Les paramètres utilisées pour cette fonctionnalité sont définis dans le fichier suivant :

/www/include/config.php


define ("DEF_JS_COOKIESBAN_USE", true);  // permet d'activer l'affichage de la bannière
define ("DEF_JS_COOKIESBAN_MINISITE_USE", true);  // active l'affichage par minisite, si les options ne sont pas déclarées pour un minisite, la bannière ne s'affiche pas
define ("DEF_JS_COOKIESBAN_OPTIONS", 'data-height="20px" data-position="top" data-message="We use cookies to improve your browsing experience."'); // paramètres pour personnaliser la bannière
// pour définir les options pour un minisite, il suffit de déclarer une variable en ajouter l'id du minisite au préfixe DEF_JS_COOKIESBAN_OPTIONS_
define ("DEF_JS_COOKIESBAN_OPTIONS_15", 'data-height="auto" data-position="bottom" data-message="Bonjour et bienvenue sur senioriales.com. Nous utilisons des cookies pour améliorer votre navigation sur notre site. 
En continuant votre visite vous acceptez l\'utilisation de ceux-ci et " data-moreinfo="/content/fr/Mentions-legales/" data-linkmsg="notre politique de cookies." data-close-text="OK" data-zindex="2000"' );


Paramètres multilangue

ajouter dans le fichier config.php

define ("DEF_JS_COOKIESBAN_TRANSLATE_USE", true);   

define ("DEF_JS_COOKIESBAN_OPTIONS_1_1", 'data-height="auto" data-position="bottom" data-message="Ce site utilise des cookies pour vous offrir le meilleur service. En continuant, vous  acceptez de recevoir nos cookies." data-moreinfo="http://www.cnil.fr/vos-obligations/sites-web-cookies-et-autres-traceurs/que-dit-la-loi/" data-linkmsg="En savoir plus" data-close-text="OK" data-zindex="2000"' );  
define ("DEF_JS_COOKIESBAN_OPTIONS_1_2", 'data-height="auto" data-position="bottom" data-message="This site uses cookies to offer you the best possible service. By continuing, you are agreeing to receive our cookies." data-moreinfo="http://www.cnil.fr/english/news-and-events/news/article/cookie-sweep-day-a-european-concerted-action-of-on-line-audits/" data-linkmsg="Learn more" data-close-text="OK" data-zindex="2000"' );  
Syntaxe : DEF_JS_COOKIESBAN_OPTIONS_idminisite_idlangue


define ("DEF_JS_COOKIESBAN_MINISITE_USE", true); // à rajouter si les options sont différentes pour chaque minisite


define ("DEF_JS_COOKIESBAN_VALIDATE_ALL", true); / / l'acceptation pour un minisite est valable pour toutes les autres 
(ex: TRUE si le client accepte les cookies pour la version FR, donc pas la peine de lui réafficher le message en EN)
(ex: FALSE si les mini sites sont des sites différents - pas traduits - et qu'on souhaite une acceptation différente pour chaque mini site)

Personnalisation de l'affichage de la banniere cookies

Il est possible de personnaliser l'affichage de la bannière, en créant un fichier /include/modules/cookiebanner.php

if (is_file ($_SERVER['DOCUMENT_ROOT'].'/include/modules/cookiebanner.php')) { 
 include_once($_SERVER['DOCUMENT_ROOT'].'/include/modules/cookiebanner.php');  
}

Exemple: pour Kerneos, l'affichage de la bannière se faisant en fonction de l'adresse ip et donc, de la présence en zone UE


Personnaliser

Il est possible de modifier l'apparence de la bannière en modifier les css suivant :

div.cookiebanner > span 
div.cookiebanner >

Une liste de attributs permet de personnaliser la bannière

   height - banner height (default: 32 pixels)
   fg - banner text color (default: #ddd)
   bg - banner background color (default: #000)
   link - link text color (default: #aaa)
   position - banner position, top or bottom (default: bottom)
   message - the message text
   linkmsg - the link text content (default: Learn more)
   close-text - the text/symbol for the close button (default: ✖)
   font-size - the text size of the message and the link (default: 14px)
   font-family - the font family of the message and the link (default: arial, sans-serif)
   text-align - The position of the text (default: center)
   effect - effect to use
   cookie - name for the cookie to store the cookiebanner acceptance information (default: cookiebanner-accepted)
   expires - cookie expiry date/time (defaults to Infinity aka Fri, 31 Dec 9999 23:59:59 GMT).
   cookie-path - Path to set for the cookie
   moreinfo - where the visitor can read more about cookies (default: http://aboutcookies.org)
   mask - whether to create a mask over the viewport (default: false). Clicking anywhere on the mask is considered as acceptance.
   mask-opacity - the opacity to use for the window mask (default: 0.5)
   mask-background - optional background style you wish to apply to the mask (default: #000)
   zindex - z-index to set on the notice (default: 255). If mask is used, the notice's z-index is automatically incremented by 1 so it appears above the mask)

Notes

  • dans le CMS, la date d'expiration du cookie est J+12 mois
  • il est possible de rajouter un lien vers une autre page avec les attributs moreinfo et linkmsg
  • il est possible de modifier la croix par défaut par du texte ou un bouton OK
  • le texte est traduisible
  • Attention : toujours regénérer les pages pour prendre en compte les modifications des attributs dans le fichier config

Texte par défaut

Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, 
nous considérerons que vous acceptez l'utilisation des cookies. En savoir plus http://www.cnil.fr/vos-obligations/sites-web-cookies-et-autres-traceurs/

Exemple de projet

Les sénioriales
Kerneos