Afficher et personnaliser la notification pour les cookies sous Blogger

PARTAGER:

Mise en place de la demande de consentement pour les cookies sur les blogs blogger pour être en conformité avec les lois européennes.

Vous l’avez sans doute constaté en arrivant sur crack-net.com, comme sur la plupart des sites que vous visitez de puis quelques mois, s’affiche une petite notification vous indiquant que le site sur lequel vous naviguez utilise des cookies… Ces petits fichiers que nos navigateurs utilisent pour accélérer la navigation en se souvenant de nos préférences, clics, pages visitées précédemment…


Oui, il y a donc des cookies sur Crack-net, et la loi m’oblige à vous avertir de leur présence (c’est pour Adsense et Analytics). Vous voila avertis ;-)


Mon blog est propulsé par Blogger et  Google qui fait bien les choses prévoit dans les thèmes de blog par défaut un script qui permet d’afficher cette demande de consentement pour les cookies. Il y a même un rappel de la règlementation sur mon interface d’administration qui m’informe en ces termes :


Aux termes des lois de l'Union européenne, vous devez fournir des informations relatives aux cookies utilisés sur votre blog aux visiteurs de l'Union européenne. Dans de nombreux cas, vous devez également obtenir le consentement des visiteurs, aux termes des dites lois.
Par mesure de courtoisie, nous avons ajouté un avis sur votre blog qui explique l'utilisation par Google de certains cookies sur Blogger et sur Google, y compris l'utilisation de cookies Google Analytics et AdSense.
Il vous incombe de confirmer le bon fonctionnement et l'affichage correct de cet avis sur votre blog. Si vous utilisez d'autres cookies, en ajoutant par exemples des fonctionnalités de tierces parties, il se peut que cet avis ne fonctionne pas. En savoir plus sur cet avis et vos responsabilités.



notification blogger cookies

Sauf que pour mon blog, comme vous le voyez j’ai tout personnalisé, du nom de domaine (avec ce site) au template que j’ai voulu 100% responsive (qui s’adapte automatiquement à l’appareil sur lequel s’affiche le site).


Pour ce template justement, qui est complètement customisé, ne figure malheureusement pas ce script. J’ai cherché un moment sur le net comment afficher comme sur les blogspots par défaut et sans script tiers trop invasif ce fameux message de notification… et j’ai trouvé ;-)


Si vous êtes dans le même cas que moi, je vous propose ici un tuto pour afficher cette notification et/ou éventuellement la personnaliser :

  1. Comme d’habitude avant de modifier le thème de votre blog commencez par le sauvegarder en allant dans Modèle\sauvegarder
  2. Cliquez sur Modifier le code HTML
  3. Rechercher la balise ]]></b:skin> puis copiez juste après le code suivant :

<!—Personnalisation de la notification de cookies pour Blogger-->
<script type='text/javascript'>
  cookieOptions = {
    msg: “En poursuivant votre navigation sur crack-net.com, vous acceptez l’utilisation de cookies pour vous proposer des services et offres adaptés à vos centres d’intérêts.”,
    link: “https://www.blogger.com/go/blogspot-cookies”, 
    learn: “En savoir plus”,   
    close: “OK!” 
     };
</script>
    <style>.cookie-choices-info {z-index:999999!important;background-color:#333333!important;border-top: 2px solid #4ea0ce; color:#ffffff!important;
box-shadow: 1px 2px 2px #000;bottom:0!important; top: inherit!important;}</style>

  • Le texte en rouge peut être personnalisé comme on le souhaite.
  • Le lien en vert envoie vers la page de Google expliquant le pourquoi du comment des cookies, mais vous êtes libre de créer une page équivalente sur votre site et d’y faire pointer ce lien.
  • Enfin, le code compris entre les 2 balises <style> et </style> permet de personnaliser l’apparence de la barre de notification. Par exemple elle est supposée s’afficher en haut par défaut mais pour ma part je la préférait en bas de la page (grâce au code bottom:0) et tant qu’à faire je souhaitais qu’elle s’affiche avec des couleurs qui collent avec ma charte graphique (d’où la petite bordure bleu au dessus ;-)… Du CSS de base quoi…


J’utilise ce même script sur mon blog et il est complètement fonctionnel.


En cas de soucis pour son intégration, vous êtes libre de laisser un commentaire en bas de cette page.



Source : MBT

COMMENTAIRES

BLOGGER: 2
Loading...

Blog geek

Crack-net est un blog Geek, pour les Geeks et autres Nerds mais aussi pour la ménagère, l'enseignant, l'étudiant, l'ouvrier ou le cadre.... Pour quiconque atterrira sur ces pages
Nom

accessoire,7,actualité,62,addon,10,Adsence,8,adwcleaner,2,Amazon,2,android,52,androïd,3,antivirus,12,Apple,19,application,65,arnaque,7,art,18,Article sponsorisé,3,astuce,92,bd,6,billet d'humeur,33,Blog geek,1,blogger,33,BLOGGING,44,bon plan,9,bug,8,bureatique,2,bureautique,3,chrome,22,cinema,17,cloud,3,CMS,3,concours,6,Crack-net story,33,découverte,3,dell,1,design,4,développement durable,2,dropbox,1,ebook,1,education,42,emploi,3,enquête,2,evernote,1,extension,13,facebook,32,firefox,10,Flash,4,foot,1,free,3,gadget,2,gagner de l'argent,12,geek,64,geekeries,12,gmail,14,google,32,gps,2,gratuit,120,html,5,humour,30,image,28,immobilier,3,infographie,69,Insolite,20,internet,57,iPad,6,iphone,53,itunes,7,jeux video,27,joomla,1,Lecture,2,linux,6,liste,1,logiciel,59,logo,4,mac,3,mail,18,manga,6,marketing,9,meilleurs sites,3,messenger,1,microsoft,7,mobile,13,monetiser,13,mp3,3,musique,14,nomade,1,office,5,outlook,1,p2p,1,PC,54,pdf,11,photo,42,photoshop,6,playstation,1,podcasts,2,pratique,12,publicité,15,referencement,6,référencement,2,rese,1,Réseaux sociaux,57,rumeur,2,samsung,5,samsung galaxy s2,9,sécurité,24,seo,12,séries,15,service web,116,skype,1,smartphone,47,sport,2,streaming,5,tablette,4,Tchat,1,téléchargement,23,telephone,7,téléphonie,13,template,6,test,3,torrent,3,travail,2,troll,3,Tuto,101,tv,9,twitter,47,video,56,wallpaper,5,webmaster,41,widget,4,wifi,2,windows,37,wordpress,9,youtube,20,
ltr
item
Crack-net: Afficher et personnaliser la notification pour les cookies sous Blogger
Afficher et personnaliser la notification pour les cookies sous Blogger
Mise en place de la demande de consentement pour les cookies sur les blogs blogger pour être en conformité avec les lois européennes.
http://lh3.googleusercontent.com/-LX2hFViwQzM/VfCU0BYTXrI/AAAAAAAAE3s/ThB7rbLV4fg/cookies_thumb%25255B2%25255D.jpg?imgmax=800
http://lh3.googleusercontent.com/-LX2hFViwQzM/VfCU0BYTXrI/AAAAAAAAE3s/ThB7rbLV4fg/s72-c/cookies_thumb%25255B2%25255D.jpg?imgmax=800
Crack-net
http://www.crack-net.com/2015/09/afficher-personnaliser-notification-cookies-blogger.html
http://www.crack-net.com/
http://www.crack-net.com/
http://www.crack-net.com/2015/09/afficher-personnaliser-notification-cookies-blogger.html
true
3471367308829404027
UTF-8
Loaded All Posts Not found any posts VOIR TOUT Lire la suite Repondre Annuler la reponse Effacer Par Home PAGES ARTICLES Tout Voir JE VOUS RECOMMANDE LABEL ARCHIVE RECHERCHE ALL POSTS Not found any post match with your request Retour Home Dimanche Lundi Mardi Mercredi Jeudi Vendredi Samedi Dim Lun Mar Mer Jeu Ven Sam Janvier Fevrier Mars Avril Mai Juin Juillet Aout Septembre Octobre Novembre Decembre Jan Fev Mar Avr Mai Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Hier $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow CONTENU PREMIUM SVP Partager pour deverrouiller Copier tout le code Sélectionner tout le code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy