SLIDER

ETSY SHOP

Tutoriel - Comment intégrer le gadget Cookies sur blogger

Hello, je vous fait un update car j'ai découvert ce soir en farfouillant sur ce blog une meilleure solution pour afficher un bandeau spécial cookies à votre blogger !


Si vous avez déjà installé l'autre : pas de problèmes ! Il va juste falloir remplacer l'ancien code par le nouveau !

Vous allez copier le code ci-dessous juste au-dessus de </body> (pour le trouver faites ctrl + F) :
 <div id='barritaloca' style='display:none;position:fixed;center:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #FEA7B0;color:#ffffff;z-index: 99999;'>
<div style='width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;'><div style='text-align: center;'>
VOTRE PHRASE A MODIFIER
 <a href='javascript:void(0);' onclick='PonerCookie();' style='padding:4px;background:#FFC3DB;text-decoration:none;color:#fff;'><b>OK</b></a>
 <a href='https://www.google.com/intl/fr_fr/policies/technologies/types/' style='padding-left:5px;text-decoration:none;color:#ffffff;' target='_blank'>En savoir plus</a>
</div>
   </div>
</div>
<script>
function getCookie(c_name){
 var c_value = document.cookie;
 var c_start = c_value.indexOf(&quot; &quot; + c_name + &quot;=&quot;);
 if (c_start == -1){
  c_start = c_value.indexOf(c_name + &quot;=&quot;);
 }
 if (c_start == -1){
  c_value = null;
 }else{
  c_start = c_value.indexOf(&quot;=&quot;, c_start) + 1;
  var c_end = c_value.indexOf(&quot;;&quot;, c_start);
  if (c_end == -1){
   c_end = c_value.length;
  }
  c_value = unescape(c_value.substring(c_start,c_end));
 }
 return c_value;
}
function setCookie(c_name,value,exdays){
 var exdate=new Date();
 exdate.setDate(exdate.getDate() + exdays);
 var c_value=escape(value) + ((exdays==null) ? &quot;&quot; : &quot;; expires=&quot;+exdate.toUTCString());
 document.cookie=c_name + &quot;=&quot; + c_value;
}
if(getCookie(&#39;aviso&#39;)!=&quot;1&quot;){
 document.getElementById(&quot;barritaloca&quot;).style.display=&quot;block&quot;;
}
function PonerCookie(){
 setCookie(&#39;aviso&#39;,&#39;1&#39;,365);
 document.getElementById(&quot;barritaloca&quot;).style.display=&quot;none&quot;;
}
</script>
Voilà normalement si vous faites un aperçu vous verrez le bandeau par contre je vais vous donner quelques astuces pour en modifier son apparence :

Pour changer le fond du bandeau : background: #votre code couleur.
Changer la couleur du texte : color:#votre code couleur.
Changer le fond du OK : background:#votre code couleur.

TADADAMMMM. Alors ça à fonctionné :) ?? Si vous rencontrez un soucis, surtout n'hésitez pas à me le faire savoir et j'essaierai de vous aider au mieux ! 



Hello, petit article express pour vous expliquer comment intégrer le gadget de cookies sur votre blog. Vous devez sans doute être au courant que la CNIL à mis en place une nouvelle loi concernant l'affichage de l'utilisation des cookies sur les sites / blogs etc...


Après avoir passé toute ma journée à chercher comment intégrer le code qui allait me servir à afficher un bandeau sur la home-page de mon blog, j'ai enfin trouvé ce que je voulais et je me suis qu'il serait cool de partager ça avec vous, surtout si vous avez votre blog sous blogger... En effet j'ai trouvé beaucoup de tutos pour savoir comment installer les codes sous wordpress mais aucun pour blogger. 

Premièrement vous allez vous rendre sur le site : Cookie Assistant

Le site est en anglais mais ce n'est pas bien compliqué. Vous allez cliquer sur create a widget et la page pour créer votre bandeau va s'ouvrir. On va alors vous demander de rentrer quelques informations concernant votre site/blog. 


  • Votre nom de domaine : votre adresse de blog (http://www...)
  • Choisissez l'habillage : clair et petit / sombre et petit / clair et grand .. 
  • La position de votre widget : en haut à droite ou à gauche / en bas à droite ou à gauche.
  • Le titre : Approuver les cookies.
  • Expliquez à quoi vous servent les cookies.
  • Le bouton pour accepter : j'accepte.
  • Le bouton pour en savoir plus : en savoir plus et votre lien de politique d'utilisation des cookies. 
  • Puis votre mail pour recevoir votre code mais vous verrez que vous allez l'avoir juste après sur le site.
Ensuite vous cliquez sur create a widget et vous arrivez sur cette page : 


Vous avez donc votre bout de code qui a été crée et maintenant il va falloir l'insérer dans votre code HTML sur blogger. 

Rendez-vous sur votre compte blogger et cliquez sur Modèle puis sur Modifier le code HTML. 

Sur le site on vous expliquez qu'il faut insérer le widget juste avant la balise </body> ! Pour ce faire, cliquez n'importe où dans votre code html et faite ctrl +F pour afficher la recherche rapide et entrez la balise </body> et appuyez sur entré... vous voilà arrivé à la balise qui normalement se trouve à la fin de votre code ! 

Vous n'avez plus qu'à coller votre bout de code avant </body> à faire un aperçu pour bien vérifier que c'est bon et à enregistrer.


Voilà vous avez installer votre widget pour les cookies. 

Si vous avez eu un soucis, n'hésitez pas à m'en parler dans les commentaires. 


4 commentaires

  1. Je n'etais pas du tout au courant ! j'avais vu fleurir ces bandeaux sur des sites web mais je ne sais pas du tout ce que c'est. C'est obligatoire ?

    RépondreSupprimer
  2. tu vois je ne savais même pas que c'était obligatoire
    gros bisous

    RépondreSupprimer
  3. Merci pour ce tuto ! Je ne trouvais que pour Wordpress... J'ai aussi lu que c'était blogger qui s'en chargeait, hors je n'avais jamais vu le fameux bandeau (apparemment on le voyait une fois pour TOUT blogger, donc si tu vas sur un blog, pour eux tu acceptes les cookies de tous... Pas méga méga clair !).

    RépondreSupprimer


© Dearjoy - blog lifestyle
Blueberrydesigns wi(d)th love

mentions légales

contenu crée par moi-même, sauf mention contraire. merci de ne pas prendre ou recopier mes idées ainsi que mes textes et/ou mes photos.

Je fais partie du mouvement " HONEST BLOG - blog transparent sur les billets sponsorisés ".
© Dearjoy - blog lifestyle
with love