BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - Barre de notification cookies sur site
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Barre de notification cookies sur site

 Répondre Répondre
Auteur
Message
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Barre de notification cookies sur site
    Envoyé : 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/

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/

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

 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/



Edité par Maurice306 - 30 Oct 2016 à 11:01
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 !!!
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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 !!!
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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



Edité par MicroVinc - 03 Août 2015 à 17:25
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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:

Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.094 secondes.