[Tuto] Consentement Cookie

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: https://forums.openelement.uk/fr/forum_posts.asp?TID=23838
Date: 20 Avr 2024 à 15:51
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com

Sujet: [Tuto] Consentement Cookie

Posté par: Hobby001
Sujet: [Tuto] Consentement Cookie
Posté le: 01 Avr 2020 à 16:43

Voici comment créer facilement un message de consentement aux cookies émis par votre site en utilisant l'un des nombreux générateurs gratuits sur le WEB

Lien https://www.websitepolicies.com/create/cookie-consent-banner" rel="nofollow - https://www.websitepolicies.com/create/cookie-consent-banner

Commencez par la création de votre page de politiques sur les cookies

Puis suivez cette méthode:

Position: Choisissez la position et la taille du message
Layout: Selectionnez le style
Colors: Choisissez une palette de couleur ou personnalisez
Cookie policy: Adresse de votre page de politiques
Custom text:

Main Message: message principal présentant votre politique sur les cookies
Policy link text: Texte qui, au click, redirigera vers votre politique
Dismiss button text: Texte affiché sur votre bouton

Copy the code: Copy code.

Collez ce code dans un bloc de code html en position header dans votre calque général.

Le code ressemblera à ceci:

<link rel="stylesheet" type="text/css" href="//wpcc.io/lib/1.0.2/cookieconsent.min.css"/><script src="//wpcc.io/lib/1.0.2/cookieconsent.min.js"></script><script>window.addEventListener("load", function(){window.wpcc.init({"border":"thin","corners":"small","colors":{"popup":{"background":"#f6f6f6","text":"#000000","border":"#555555"},"button":{"background":"#555555","text":"#ffffff"}},"position":"bottom","content":{"button":"J'accepte les cookies","href":"https://monsite.ca/politiques/mespolitiques.htm","message":"Ce site utilise les cookies","link":"Voir plus"}})});</script>

La portion en rouge doit être éditée pour chaque autre langue de votre site

Je ne vous suggère pas de le faire mais pour le rendre plus lisible le voici restructuré:

<link rel="stylesheet" type="text/css" href="//wpcc.io/lib/1.0.2/cookieconsent.min.css"/>
<script src="//wpcc.io/lib/1.0.2/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.wpcc.init({
"border":"thin",
"corners":"small",
"colors":{
"popup":{"background":"#f6f6f6",
"text":"#000000",
"border":"#555555"},
"button":{
"background":"#555555",
"text":"#ffffff"
}
},
"position":"bottom",
"content":{
"button":"J'accepte les cookies",
"href":"https://monsite.ca/politiques/mespolitiques.htm",
"message":"Ce site utilise les cookies",
"link":"Voir plus"
}
	})
});
</script>

Donc vous déposez le tout dans votre page de langue française puis vous passez à la version anglaise et vous modifiez.

<link rel="stylesheet" type="text/css" href="//wpcc.io/lib/1.0.2/cookieconsent.min.css"/>
<script src="//wpcc.io/lib/1.0.2/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.wpcc.init({
"border":"thin",
"corners":"small",
"colors":{
"popup":{"background":"#f6f6f6",
"text":"#000000",
"border":"#555555"},
"button":{
"background":"#555555",
"text":"#ffffff"
}
},
"position":"bottom",
"content":{
"button":"I accept cookies",
"href":"https://monsite.ca/politiques/mespolitiques-en-us.htm",
"message":"This site uses cookies",
"link":"More"
}
	})
});
</script>

Si vous n'êtes pas à l'aise de modifier manuellement le code, refaites un code neuf à partir du lien mais dans l'autre langue puis collez-le dans la page correspondante

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE