SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 220 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > Giseh > Autres plugins > cibc : bannière d’avertissement pour les cookies

cibc : bannière d’avertissement pour les cookies

28 octobre 2014 – par Equipement – 53 commentaires

23 votes

L’objectif de ce plugin est d’informer l’utilisateur et de recueillir son consentement (ou son refus) sur l’utilisation par le site de cookies de mesure d’audience, de publicité ciblée ou de réseaux sociaux.

Les objectifs de ce plugin

Le premier objectif de ce plugin est d’informer l’utilisateur et de recueillir son consentement (ou son refus) sur l’utilisation par le site :

  • de cookies de mesure d’audience (par exemple Google Analytics, Xiti, etc.),
  • de cookies de publicité ciblée (par exemple DoubleClick, etc.),
  • de cookies de traceurs de réseaux sociaux (par exemple AddThis, etc.).

Pour en savoir plus : délibération de la CNIL n° 2013-378 et des contrôles à partir du mois d’octobre.

Le second objectif de ce plugin est d’offrir des solutions pour désactiver, le cas échéant, les cookies en question.

Le troisième objectif de ce plugin est d’offrir une bannière totalement configurable en termes de comportement, de contenu et d’apparence, avec en particulier le choix entre plusieurs feuilles de style (et la possibilité d’ajouter des feuilles de style).

Le quatrième objectif est d’offrir une compatibilité avec :

  • SPIP 2.1
  • SPIP 3.0
  • le responsive web design
  • les sites qui n’utilisent pas la balise #INSERT_HEAD sur le site public
  • le multilinguisme

Pourquoi un plugin supplémentaire sur ce sujet ?

Les principales différences avec les autres plugins sur ce sujet sont les suivantes :

  • Le mode de désactivation des cookies est configurable.
  • Le comportement de la bannière est configurable.
  • Le plugin offre le choix entre 10 feuilles de style (et la possibilité d’en ajouter).
  • Le plugin est compatible avec SPIP 2.1 (sans devoir ajouter d’autres plugins) et avec SPIP 3.0.
  • Etc.

Remarque : le plugin cibc a été élaboré avant la publication des autres plugins sur ce sujet.

Fonctionnalités

Les fonctionnalités sont détaillées dans la document PDF ci-joint.

Un choix entre 10 feuilles de style

Le plugin offre le choix entre 10 feuilles de style, via une liste déroulante dans la page de configuration du plugin (et il est possible d’ajouter des feuilles de style).

En bas fond noir (ou bien en haut) :

En bas fond clair (ou bien en haut) :

En bas au centre :

En bas à droite :

En bas fond bleu (ou bien en haut) :

En bas fond blanc (ou bien en haut) :

Remarque : si la largeur de l’écran est réduite (par exemple à environ 300 pixels), la bannière s’adapte automatiquement.

Le contenu de la bannière est configurable

On peut renseigner le texte, avec les mêmes possibilités de mise en forme que le texte d’un article. Le texte peut contenir de liens, etc. Le texte peut utiliser les blocs multilingues de SPIP.

On peut afficher ou non, les boutons suivants :
-  En savoir plus
-  Accepter
-  Refuser

L’adresse de la page qui devra s’afficher lorsque l’on cliquera sur le bouton "En savoir plus" est configurable.

Par exemple, on peut choisir de n’afficher aucun bouton et de mettre un lien dans le texte :

Le comportement de la bannière est configurable

On peut choisir le comportement de la bannière :

  • La poursuite de la navigation vaut acceptation.
  • Ou bien la poursuite de la navigation ne vaut pas acceptation.
  • Ou bien la bannière disparaît après 10 secondes et la poursuite de la navigation vaut acceptation.

On peut choisir le mode de désactivation des cookies :

  • La page "En savoir plus" ou "Refuser" indique comment désactiver les cookies.
  • Désactiver la pose de cookies dans l’attente de l’acceptation (1).
  • Désactiver la pose de cookies lors du refus (1).

(1) Nécessite une adaptation légère de certains squelettes, qui est décrite à l’annexe 4.4 de la documentation.

Le plugin permet de choisir la durée (en jours) du cookie qui enregistre le refus ou l’acceptation du visiteur (au plus 395 jours soit 13 mois).

Le plugin permet de choisir si on souhaite ou non afficher l’avertissement pour les cookies aux auteurs authentifiés.

Exemple d’adaptation de squelette si on utilise Google Analytics

Dans le ou les squelettes qui contiennent le code javascript de Google Analytics (seul un extrait du code figure) :

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;…
(…)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-…', '…');
ga('send', '…');
</script>

Il convient de conditionner ce script javascript avec le test suivant :

if (typeof cibcOptOut != 'function' || cibcOptOut()!="oui"){
… le script tiers …
}

C’est-à-dire pour Google Analytics (seul un extrait du code figure) :

<script>
if (typeof cibcOptOut != 'function' || cibcOptOut()!="oui"){

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;…
(…)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-…', '…');
ga('send', '…');

}
</script>

Attention :
a) Dans le cas où le code javascript de Google Analytics figure entre les balises <head> et </head>, il convient d’ajouter, avant le code javascript de Google Analytics, la ligne suivante :
[(#PLUGIN{cibc}|oui) #CIBC_AVERTISSEMENT ]
En effet, il faut que le code de Google Analytics figure après celui du plugin CIBC.
Si le plugin "Google Analytics" est utilisé, la ligne précitée doit figurer avant #INSERT_HEAD.

b) Dans le cas où l’on adapte les squelettes (cf. exemple ci-dessus), il est inutile de mettre des liens de désactivation dans la page « En savoir plus ».

Version 1.1 du plugin

Ajout de la fonctionnalité suivante, qui concerne uniquement le cas où l’on a sélectionné le mode de désactivation des cookies "La page ’En savoir plus’ ou ’Refuser’ indique comment désactiver les cookies" et que l’on met des liens de désactivation dans l’article « En savoir plus » :
Si le texte de l’article « En savoir plus » contient <div id="cibcSavoirPlus"></div> alors même si l’URL de l’article « En savoir plus » évolue, le plugin pourra quand même l’identifier grâce au div précité.

La version du 08/12/14 de la documentation ajoute des exemples de configurations (au chapitre 3.7) et un tableau des avantages et inconvénients des différents modes de désactivation des cookies (au chapitre 3.5).

Dernière modification de cette page le 11 décembre 2015

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 18 novembre à 15:27, par Mia&Coline En réponse à : cibc : bannière d’avertissement pour les cookies

    Bonjour,

    j’ai chargé le plugin sur notre site (http://www.ethnozootechnie.org/), mais la bannière ne s’affiche pas.
    Le site est sous spip 2.1.10 avec les squelettes giseh. Le plugin est paramétré comme dans le cas c) de la notice.

    Voyez-vous d’où vient le problème ?
    Merci d’avance.

    Répondre à ce message

  • Le 8 juillet à 18:10, par spipheure En réponse à : cibc : bannière d’avertissement pour les cookies

    Bonjour

    J’utilise ce plugin sur les versions de SPIP 3.0 et il fonctionne très bien

    Pourriez vous le mettre à jour afin qu’il fonctionne avec SPIP 3.1

    Cordialement

    Répondre à ce message

  • Le 18 janvier à 12:34, par Karen En réponse à : cibc : bannière d’avertissement pour les cookies

    Bonjour et merci pour cet excellent plugin que j’ai installé avec succès sur mon propre site.

    Je viens de l’installer sur www.superu-saintjeandemonts.fr mais le bandeau ne s’affiche pas bien que le code soit visible dans le code source. Pour voir si c’était comme pour Mickamol, j’ai attendu, attendu, sans succès.

    J’ai désinstallé tous mes plugins, enlevé mon css, vérifié d’autres pages que la page d’accueil qui comporte des js supplémentaires dans le code… rien à faire.

    Au cas où, même si j’ai désactivé tous les plugins sans succès, j’utilise sur un Spip 3.0.17 :
    – Accès restreint
    – Champs extras
    – Contact libre
    – Liens explicites
    – Mosaîque
    – Oembed
    – Saisies pour formulaires
    – Yaml
    J’utilise également une autre galerie d’image que j’ai implémentée à la place de la Médiabox, mais je l’ai désactivée aussi sans succès.

    Je ne sais plus où chercher… si quelqu’un peut m’aider, d’avance un grand merci !
    Cordialement,
    Karen

    Répondre à ce message

  • Le 18 janvier à 12:37, par Karen En réponse à : cibc : bannière d’avertissement pour les cookies

    Oups, je n’avais pas vu qu’il y avait une modération à priori, c’est nouveau sur le forum ou juste pour ce plugin ? Du coup j’ai fait un doublon, réécrit toute ma question, n’ayant pas eu l’occasion de comprendre pourquoi mon post ne s’affichait pas… j’étais allé trop vite.

    Merci de supprimer le 2e message alors, ainsi que celui-ci, qui n’a pas sa place sur ce forum…

    Répondre à ce message

  • Le 18 janvier à 12:22, par Karen En réponse à : cibc : bannière d’avertissement pour les cookies

    Bonjour,

    Merci pour cet excellent plugin que j’ai installé sur mon propre site. Je viens de l’installer également sur www.superu-saintjeandemonts.fr et le bandeau n’apparaît pas bien que le code soit visible dans le code source. Je crois avoir tout tenté et je m’arrache les cheveux :
    – j’ai désactivé tous les plugins,
    – j’ai enlevé mon css,
    – j’ai regardé sur une autre page que la page d’accueil qui contient d’autres js directement dans le code…
    Et toujours pas de bandeau.
    J’ai attendu aussi, pour voir si j’avais le même problème que Mickamol, mais non… il n’apparaît jamais.

    Au cas où, bien que je les ai tous désactivés et que ça n’a rien changé, j’utilise sur un Spip 3.0.17 :
    – Accès restreint,
    – Champs extras
    – Contact libre
    – Liens explicites
    – Mosaïque,
    – Oembed
    – Saisies pour formulaires
    – Yaml
    J’utilise également une autre galerie d’images que j’ai implémentée, mais je l’ai désactivée aussi sans que ça ne change rien.

    Je ne sais plus où chercher, si quelqu’un peut m’aider… D’avance merci.
    Cordialement,
    Karen

    • Le 18 janvier à 13:33, par Equipement En réponse à : cibc : bannière d’avertissement pour les cookies

      La page du site en question charge 3 fois la librairie jquery (une fois celui de SPIP, une fois celui pris sur le site de jquery et une fois celui pris sur le site de Google).

      Il faut supprimer (dans le squelette concerné qui est propre au site) la ligne suivante :
      <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

      Ainsi que la ligne suivante :
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

    • Le 18 janvier à 19:47, par Karen En réponse à : cibc : bannière d’avertissement pour les cookies

      Bonsoir et merci pour votre réponse rapide !

      J’avais pensé que c’était le souci, compte-tenu de ce que j’ai lu pour Mickamol, et j’avais testé en supprimant la totalité des appels au jquery et fotorama, et en vidant le cache, mais ça ne change absolument rien :-(

      Je sais que mes appels ne sont pas très propres, mais je n’avais pas trouvé de meilleure solution car fotorama.js provoquait un conflit pour d’autres choses, que je ne pouvais résoudre qu’en appelant à nouveau le jquery derrière. Bref, ce bricolage n’est pas le sujet puisqu’en supprimant ces 3 appels le problème persiste.

    • Le 19 janvier à 08:48, par Equipement En réponse à : cibc : bannière d’avertissement pour les cookies

      Pour trouver la source du problème :
      -  Il ne faut pas supprimer les 3 appels, mais uniquement les 2 lignes que j’ai indiquées.
      -  Il faut désactiver les plugins ajoutés (sauf cibc).
      -  Vider le cache de SPIP et le cache du navigateur (pour supprimer les cookies) puis tester.
      -  Si cela fonctionne, alors rajouter un plugin.
      -  Vider le cache de SPIP et le cache du navigateur (pour supprimer les cookies) puis tester.
      -  Etc.
      -  Si cela ne fonctionne pas, on saura que cela provient du dernier plugin ajouté.

    • Le 19 janvier à 11:26, par Karen En réponse à : cibc : bannière d’avertissement pour les cookies

      Bonjour,

      Oui, un grand merci ! Effectivement en supprimant ces 2 lignes ça a enfin fonctionné. L’appel au jquery de Google était totalement inutile, en revanche je ne peux pas me passer du jquery-1.10.2 sans quoi ma galerie Fotorama ne peut pas fonctionner. Auriez-vous une piste pour que le puisse résoudre ce conflit ?

    • Le 19 janvier à 11:43, par Equipement En réponse à : cibc : bannière d’avertissement pour les cookies

      Cela ne concerne pas le plugin CIBC.

    Répondre à ce message

  • Le 28 octobre 2015 à 10:38, par christopheO En réponse à : cibc : bannière d’avertissement pour les cookies

    Bonjour
    J’ai installé votre plugin sur mon site.
    Le problème c’est que lorsque je clique sur le bouton en savoir plus il me rajoute à la fin du lien « &lang ».
    J’ai donc une erreur 404. Pouvez-vous me dire comment remedier à ce probleme.
    Merci

    Répondre à ce message

  • Le 11 juillet 2015 à 13:16, par Riccardo En réponse à : cibc : bannière d’avertissement pour les cookies

    Merci pour le plugin, ça va m’aider vraiment beaucoup !!
    J’ai traduit le fichier de la langue en italien... Le voilà !

    Traduzione in italiano...

    http://www.notte.altervista.org/spip/cibc_it.zip

    Répondre à ce message

  • Le 3 novembre 2014 à 15:01, par Polar oïd En réponse à : cibc : bannière d’avertissement pour les cookies

    Bonjour, merci pour cet outils de mise en conformité avec les nouvelles règles applicables à l’usage des cookies.

    Un point au sujet de la documentation qui indique ceci au segment 3.6.3.1du .pdf

    Par exemple (en précisant le numéro d’article dansid_article=...) :

    1. <div id="cibcOptOutCIBC">[Refuser->spip.php?page=ar
    2. ticle&id_article=...&cibcOptOut=oui]</div>
    3. <div id="cibcOptInCIBC">[Accepter->spip.php?page=ar
    4. ticle&id_article=...&cibcOptOut=non]</div>

    Télécharger

    Le plugin masque automatiquement l’un des deux liens en fonction de la valeur actuelle du cookie de consentement.

    Je ne parviens pas à obtenir ce comportement de présentation des liens en fonction de la variable oui ou non. Je suis en 2.1 et j’ai testé le code dans un squelette dédié ainsi que dans un article, le résultat est identique...

    Quelqu’un aurait-il rencontré le même problème et trouvé une solution ?

    • Le 3 novembre 2014 à 15:44, par Equipement En réponse à : cibc : bannière d’avertissement pour les cookies

      Le lien doit avoir exactement la même adresse que celle, renseignée dans la configuration, pour la page « En savoir plus » (et être suivi du paramètre cibcOptOut).

    • Le 5 novembre 2014 à 10:07, par Equipement En réponse à : cibc : bannière d’avertissement pour les cookies

      Pour mémoire, de manière générale, lorsque l’on renseigne un lien interne au site, par exemple dans le texte d’un article, l’adresse doit être relative et non pas absolue.

    • Le 19 juillet 2015 à 23:14, par franck t. En réponse à : cibc : bannière d’avertissement pour les cookies

      Bonjour,

      J’étais dans la même situation et en spécifiant l’adresse de la page « en savoir plus » dans la page de configuration du plugin, tout marche enfin. En revanche, mon site étant multilingue, j’ai deux articles différents pour afficher les informations (un en français, un en anglais) et comme le champ pour l’url de la page « en savoir plus » n’accepte pas , je n’arrive pas à faire marcher les boutons refuser/accepter dans les 2 langues...

      Vous auriez une solution à ce problème ? Merci d’avance.

    • Le 20 juillet 2015 à 11:04, par Equipement En réponse à : cibc : bannière d’avertissement pour les cookies

      Bonjour,
      La version 1.2.0 de CIBC (qui figure dans la présente page) ajoute automatiquement le paramètre de langue à la fin de l’adresse de la page « en savoir plus ».
      Avec cette vers 1.2.0, une solution consiste à avoir une seul page « en savoir plus » qui utilise des blocs multilingues (au sens SPIP).

    Répondre à ce message

  • Le 6 juin 2015 à 17:50, par jpdollo En réponse à : cibc : bannière d’avertissement pour les cookies

    Bonjour

    Je ne suis pas sur SPIP. Est-il possible d’installer ce plugin

    Merci

    Répondre à ce message

  • Le 5 février 2015 à 18:04, par mickamoi En réponse à : cibc : bannière d’avertissement pour les cookies

    Bonjour,

    Le plugin fonctionne sauf que rien n’apparait sur la page d’accueil.
    Je viens de l’installer sur le site : http://www.ecal-vgp.fr/

    Voyez-vous une explication à ce beug ?

    Merci d’avance.

    • Le 6 février 2015 à 11:21, par Equipement En réponse à : cibc : bannière d’avertissement pour les cookies

      Sur le site en question, le bandeau apparaît ... au bout d’un certain temps.
      Cela provient du fait que le site en question charge un grand nombre de fichiers javascript avec beaucoup de doublons. Par exemple /prive/javascript/jquery.js (247 Ko) est chargé deux fois, ce qui n’est pas normal. Le bandeau révèle ce problème, mais il n’en est pas la cause.

    Répondre à ce message

Répondre à cet article

bouton radio modere priori

Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Champs Extras 3

    16 janvier 2012 – 524 commentaires

    Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de SPIP. Il permet donc de prendre en compte et d’afficher de nouveaux éléments dans n’importe quel objet éditorial de SPIP. Screencast Vous n’aimez pas (...)

  • Réservation d’événements

    16 mars 2015 – 188 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification (...)

  • Les crayons

    23 avril 2008 – 815 commentaires

    Ce plugin permet d’éditer les contenus sur les pages publiques du site, sans passer par l’espace privé de SPIP.

  • LESS pour SPIP : Less-CSS (anciennement LESSpip)

    5 novembre 2010 – 43 commentaires

    Less-CSS (Anciennement LESSpip) est un plugin intégrant facilement le logiciel LESS dans SPIP. LESS est une extension de CSS ajoutant les variables, les classes, les opérations, les imbrications au langage. Facilitant ainsi l’écriture de (...)

  • Recommander

    3 avril 2011 – 16 commentaires

    Ce plugin propose une manière simple de suggérer de recommander par email un article à un ami. Fonction « recommander un article à un ami ». On l’ajoute dans n’importe quel squelette sous la forme : #RECOMMANDERtitre de la page,url de la page,intro (...)

Ça spipe par là