Antivirus offre spéciale - jusqu'à 60 % de réduction avec 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
Avatar

Depuis le: Apr 20 2008
Pays: France
Status: Inactif
Points: 2078
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é : Jul 31 2015 à 5:36pm
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 - Oct 30 2016 à 10:01am
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
Avatar

Depuis le: Apr 20 2008
Pays: France
Status: Inactif
Points: 2078
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 02 2015 à 8:47am
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
Avatar

Depuis le: Aug 21 2012
Pays: Bretagne
Status: Inactif
Points: 4466
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 02 2015 à 9:41am
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 - Aug 03 2015 à 4:25pm
-É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
Avatar

Depuis le: May 31 2012
Status: Inactif
Points: 14004
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 03 2015 à 10:11am
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 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,047 secondes.
Acheter votre vélo en ligne