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

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - BARRE DE NOTIFICATION COOKIES - 2
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

BARRE DE NOTIFICATION COOKIES - 2

 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 - 2
    Envoyé : 22 Mai 2018 à 14:20

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(s)://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" :

http://www.toutlemondemeritesonsite.com/generateur-script-code-cookiechoices-org/

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

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

Vous devez modifier la partie en bleu http(s)://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 - 22 Mai 2018 à 15:14
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
 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.047 secondes.