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.

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