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.

Vous devez fournir des informations relatives aux cookies utilisés sur votre blog aux visiteurs de l'Union européenne

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

Comment personnaliser la notification de cookies sur Blogger?

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: 3
  1. Ça ne semble pas fonctionner avec le mien.

    RépondreSupprimer
  2. Réponses
    1. Il me semble que désormais la notification s'affiche par défaut sur tous les blog Blogger dès lors qu'ils sont consultés depuis une IP en Union Européenne...

      Supprimer

Nom

accessoire,12,actualité,72,addon,11,Adsence,3,adwcleaner,2,Amazon,2,android,59,antivirus,14,Apple,22,application,74,arnaque,9,art,18,Article sponsorisé,3,astuce,171,bd,6,billet d'humeur,25,Blog geek,1,blogger,31,BLOGGING,41,bon plan,43,bug,9,bureatique,2,bureautique,4,chrome,27,cinema,17,cloud,3,CMS,3,concours,5,Crack-net story,23,découverte,2,dell,2,design,4,développement durable,2,dropbox,1,ebook,3,education,96,emploi,3,enquête,2,evernote,1,extension,24,facebook,30,fiche-film-serie,1,firefox,12,Flash,3,foot,5,free,3,gadget,3,gagner de l'argent,5,geek,63,gmail,14,google,34,gps,2,gratuit,118,html,5,humour,27,IA,2,image,36,immobilier,2,infographie,67,Insolite,15,internet,77,iPad,6,iphone,46,itunes,6,jeux video,37,joomla,1,Lecture,2,linux,5,liste,1,logiciel,76,logo,5,mac,9,mail,23,manga,8,marketing,7,meilleurs sites,2,messenger,1,microsoft,8,mobile,11,monetiser,6,mp3,4,musique,19,Netflix,7,nomade,1,office,6,orthographe,5,outlook,1,p2p,1,PC,82,pdf,11,photo,46,photoshop,8,piratage,63,playstation,1,podcasts,1,pratique,15,PS5,1,publicité,13,raccourcis clavier,5,referencement,1,référencement,2,rese,1,réseau,2,Réseaux sociaux,53,rumeur,2,samsung,6,samsung galaxy s2,7,sécurité,60,seo,8,séries,14,service web,133,skype,1,smartphone,52,sport,5,streaming,22,tablette,6,Tchat,1,téléchargement,30,telephone,7,téléphonie,14,template,6,test,3,torrent,5,travail,2,troll,3,Tuto,203,tv,14,twitter,41,video,65,vidéoprojecteur,12,wallpaper,6,webmaster,41,WhatsApp,3,widget,4,wifi,4,windows,55,wordpress,9,Y13,1,youtube,24,
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.
https://lh3.googleusercontent.com/-LX2hFViwQzM/VfCU0BYTXrI/AAAAAAAAE3s/ThB7rbLV4fg/cookies_thumb%25255B2%25255D.jpg?imgmax=800
https://lh3.googleusercontent.com/-LX2hFViwQzM/VfCU0BYTXrI/AAAAAAAAE3s/ThB7rbLV4fg/s72-c/cookies_thumb%25255B2%25255D.jpg?imgmax=800
Crack-net
https://www.crack-net.com/2015/09/afficher-personnaliser-notification-cookies-blogger.html
https://www.crack-net.com/
https://www.crack-net.com/
https://www.crack-net.com/2015/09/afficher-personnaliser-notification-cookies-blogger.html
true
3471367308829404027
UTF-8
Loaded All Posts Articles non trouvés VOIR TOUT Lire plus... Répondre Cancel reply Effacer Par Home PAGES Articles Voir Tout RECOMMANDÉ POUR VOUS LABEL ARCHIVE SEARCH TOUS LES ARTICLES Aucun article ne correspond à votre recherche Back Home Dimanche Lundi Mardi Mercredi Jeudi Vendredi Samedi Dim Lun Mar Mer Jeu Ven Sam Janvier Février Mars Avril Mai Juin Juillet Aout Septembre Octobre Novembre Décembre Jan Fev Mar Avr Mai Jun Jul Aug Sep Oct Nov Dec A l'instant Il y a 1 minute $$1$$ minutes ago Il y a 1 heure $$1$$ hours ago Hier $$1$$ days ago $$1$$ weeks ago Il y a plus de 5 semaines Followers Follow CONTENU PREMIUM BLOQUÉ STEP 1: Share to a social network STEP 2: Click the link on your social network Copier tout le code Sélectionner tout le code Tout le code est copié Impossible de copier le code/texte, veuillez appuyer sur [CTRL]+[C] (ou CMD+C sur Mac) pour copier Au Sommaire...