Imprimer la Page | Close Window

Barre de notification cookies sur site

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Tutoriaux utilisateurs
Description du Forum: Ecrivez ou consultez des tutoriaux OpenElement
Pas de questions dans cette rubrique merci.
URL: http://forum.openelement.com/fr/forum_posts.asp?TID=21276
Date: 08 Avr 2020 à 07:27
Version logiciel: Web Wiz Forums 10.18 - http://www.webwizforums.com


Sujet: Barre de notification cookies sur site
Posté par: Maurice306
Sujet: Barre de notification cookies sur site
Posté le: 31 Juil 2015 à 18:36
Bonjour à tous,

Je remarque que certains cherchent à positionner une barre de notification pour signaler les Cookies de leurs site.

Je vous propose ici mon petit TUTO qui fonctionne très bien chez moi.

Positionner une barre de notification pour les cookies sur un site OE

Vous devez mettre les explications sur les cookies dans vos "Informations-légales" et positionner sur votre site une barre de notification pour informer le visiteur sur les cookies.

 BARRE DE NOTIFICATION

Ce code permet d'ajouter une barre de notification en superposition sur une page de destination dans laquelle le code a déjà été ajouté. Vous seul décidez du texte présenté à l'utilisateur. Ce dernier doit alors fermer la barre de notification en cliquant sur l'un des liens proposés.

 

Le code définit un cookie associé à votre domaine pour les utilisateurs qui ont eu accès à la barre de notification, puis qui ont cliqué pour la fermer (en utilisant les termes de votre choix, tels que "Fermer", "J'accepte" ou "Je suis d'accord").

 

Vous devrez décider de la présentation des pages de votre site sur lesquelles vous souhaitez voir la barre de notification s'afficher. Vous devrez également sélectionner les termes adéquats à utiliser pour votre site.

 

Pour mettre en œuvre cette solution (JavaScript) :

- vous devrez copier le code ci-dessous dans un bloc de code source "type = "HTML" en "Endbody"

et

- Vous devrez également créer votre barre de notification et le fichier "cookiechoices.js"  le télécharger  (lien ci-dessous) extraire du dossier zip le fichier "cookiechoices.js" puis le transférer dans la racine de votre site.

http://www.toutlemondemeritesonsite.com/generateur-script-code-cookiechoices-org/" rel="nofollow - http://www.toutlemondemeritesonsite.com/generateur-script-code-cookiechoices-org/

Prendre le fichier ".text" de la licence de google et la mettre également dans la racine du projet

Voir fichier .js dans dossier cookiechoices rouge à placer dans les sites. Pour rendre la barre plus visible en rouge et les textes blancs.

J'ai modifié sur le premier "get", pour que les liens "En savoir plus et J'accepte" soient en blanc, au lieu de bleu, comme cela : (aller au bas à gauche dans "Explorateur D'éléments" => Eléments non visibles => cookieChoices et cliquez dessus pour activer, dans "Zone De Style" en haut  => Styles => Liens de page, là paramétrer la couleur blanc).

La nouvelle interface de création des fichiers et scripts sur le site "toutlemondemeritesonsite"  les liens sont crées de la même couleur que le reste du texte dans la barre Cookies. (cookiechoices.js(1)) dans le dossier cookiechoices rouge

_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_

<script src="cookiechoices.js"></script>

<script>

  document.addEventListener('DOMContentLoaded', function(event) {

    cookieChoices.showCookieConsentBar('En poursuivant votre navigation sur notre site vous acceptez l\'utilisation de cookies afin de nous permettre d\'améliorer votre navigation',

      '[J\'accepte]', '[En savoir plus]', 'http://www.monsite.com/Mentions-legales.htm');

  });

</script>


Pour créer la barre rouge et lettres blanches : lien du site pour création du fichier ".js"
: ( voir fichier (1) dans dossier Cookiechoices rouge)

http://www.toutlemondemeritesonsite.com/generateur-script-code-cookiechoices-org/" rel="nofollow - http://www.toutlemondemeritesonsite.com/generateur-script-code-cookiechoices-org/

 _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_

 Vous devez modifier la partie en rouge http://monsite.com/Mentions-legales.htm par URL de votre site.

Vous devez modifier la partie en bleu http://monsite.com/Mentions-legales.htm par la page de vos informations légales.

 REMARQUE :

Sur la page de votre site ou un calque menu, il vous faut, là où vous avez positionné le bloc de code de la barre de notification pour que celle-ci reste dessus les éléments, inclure le script ci-dessous dans un bloc de code source type "CSS" en "Header".

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_

 

#cookieChoiceInfo {

z-index:1000000 !important;

}

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_

 

MODIFIER L'APPARENCE DE LA BARRE DE COOKIES :

http://www.toutlemondemeritesonsite.com/generateur-script-code-cookiechoices-org/" rel="nofollow - http://www.toutlemondemeritesonsite.com/generateur-script-code-cookiechoices-org/



-------------
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!



Réponses:
Posté par: Maurice306
Posté le: 02 Août 2015 à 09:47
Mise à jour d'après les infos de Dubois et ses galères avec un calque menu.

-------------
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!


Posté par: MicroVinc
Posté le: 02 Août 2015 à 10:41
Bonjour, pour mettre du codes merci d'utiliser les champs CODE et /CODE pour faciliter les copier/coller et pour que le forum d'interprète pas le code.

Lien d'explication

http://forum.openelement.com/fr/BBcodes.asp



-------------
-Éléments pour OpenElement : https://goo.gl/Wq3Cpp" rel="nofollow - ICI
-Tutoriels pour OpenElement : https://goo.gl/NdpS1i" rel="nofollow - ICI


La Bretagne, un État dans l'État


Posté par: Dmit OE
Posté le: 03 Août 2015 à 11:11
Bonjour,

Pour ceux qui ont besoin de plus de details, il y avait une discussion auparavant a ce propos:

http://forum.openelement.com/fr/forum_posts.asp?TID=20135&PID=123517&title=bandeau-cnil-sur-les-cookies#123517" rel="nofollow - http://forum.openelement.com/fr/forum_posts.asp?TID=20135&PID=123517&title=bandeau-cnil-sur-les-cookies#123517



Imprimer la Page | Close Window

Forum Software by Web Wiz Forums® version 10.18 - http://www.webwizforums.com
Copyright ©2001-2014 Web Wiz Ltd. - http://www.webwiz.co.uk