7 giugno 2015

Tutorial x la politica cookies

Riappaio e non è certo questo il post con cui avrei voluto rimettermi a scrivere qualcosa sul mio blog ma...ma dopo una totale pausa dal mondo blogger, riprendendo mi son ritrovata a fare i conti con questa novità dei cookies, delle multe che potrebbero derivarne... e ringrazio l'amica Stefania del blog  Le passioni di Ste per averne fatto sapere.
Infatti se notate bene c'è una nuova pagina Info cookies e in testa al mio blog una barra informativa al riguardo , dove potete cliccare Ok per toglierla dopo aver appreso nell'Info cookies.

Oggi ne abbiamo 7 e il termine ultimo per mettersi in pari era il 3 se non erro. Beh, io son riuscita a capirci qualcosa su come fare solo poco fa, dopo giorni che provavo e riprovavo a inserire quella striscia nella barra del mio blog.
Certo alla fine così come l'hanno fatta chiara e precisa non è questa legge, ne ho letto parecchio per capirci e pare abbia le sue lacune, ma di che ci meravigliamo? Siamo in Italia.
Ma lasciamo perdere le precisazioni e mettiamocela giusto per farli stare zitti se passano di qua.
Se passano sì...il mio blog già da un po' l'ho pure tolto dai motori di ricerca per cui ...
Che poi che pubblicità facciano tanti blog come il mio non lo so, finora nessuno mi ha chiesto di fargliene e nessuno mi paga per quella che io chiamo condivisione e non pubblicità, qualora ne accio di mia inizativa semplicemente perchè mi piace diffondere qualche cosa che vedo, di cui leggo ecc, ma pare che anche per il solo avere dei bottoni Google+, Fb ecc,vada messa.

Allora vi scrivo come ho fatto io,prima che mi scordo.E ve lo scrivo dettagliatamente, ma non fatevi spaventare perchè se seguite man mano ci riuscirete.
Passo1):
 creare una pagina in cui scrivere della politica dei cookies e su come fare ...beh,fatevi furbi e copiatene una qualunque che trovate in altro blog(compreso il mio). Se la copiate fatelo in un documento world di modo che anche tutti i link vengano salvati in toto così come sono cliccabili già laddove ne avete copiato ;)

Creata quella pagina(che per quante ne ho fatte ogni volta mi scordo e solo per quella faccio il 48 per cui vi rimando a leggervi un qualsiasi relativo post in rete),
avrete un link che vi servirà nel secondo passo.
Passo 2):
ora dalla home del vostro blog cliccate su Design(posto in cima sulla vs destra fra Nuovo post e Esci).Vi troverete nella pagina dove tutto si può modificare e a voi interesserà cliccare sulla scritta
Modifica HTML(vedi freccia verde,cliccate sulle immagini se non le vedete bene in grande)

Si dovrebbe fare sempre prima un backup quando si tenta di modificare questo HTML(se vuoi essere previdente leggi qui http://www.ogniricciounpasticcio.com/2012/11/come-fare-il-beckup-del-blog-su-blogger.html ) ma stavolta lo confesso ho rischiato io stessa per la fretta e ho provato senza fare backup...mi son detta "Tanto ci sono i tasti Anteprima e Annulla modifiche"...

Passo 3):
cliccando sulla scritta indicata dalla freccia verde eccovi entrati in una serie di riche incomprensibili e dovrete cercare il punto preciso dove ci sono due scritte ossia
</script>
</body>
saranno proprio in questa posizione,script sopra e di sguito a capo body fra quelle parentesi e la barra/

Passo 4):
E qui viene il bello...copiare incollare  dopo la parola  </script> e quindi subito  prima della parola </body>,
un kilometrico codice ossiaproprio questo di seguito qui:

 <!-- Codice per accettazione cookie - Inizio -->
<script type='text/javascript'>
//<![CDATA[
(function(window) {
  if (!!window.cookieChoices) {
    return window.cookieChoices;
  }
  var document = window.document;
  var supportsTextContent = 'textContent' in document.body;
  var cookieChoices = (function() {
    var cookieName = 'displayCookieConsent';
    var cookieConsentId = 'cookieChoiceInfo';
    var dismissLinkId = 'cookieChoiceDismiss';
    function _createHeaderElement(cookieText, dismissText, linkText, linkHref) {
      var butterBarStyles = 'position:fixed;width:100%;background-color:#eee;' +
          'margin:0; left:0; top:0;padding:4px;z-index:1000;text-align:center;';
      var cookieConsentElement = document.createElement('div');
      cookieConsentElement.id = cookieConsentId;
      cookieConsentElement.style.cssText = butterBarStyles;
      cookieConsentElement.appendChild(_createConsentText(cookieText));
      if (!!linkText && !!linkHref) {
        cookieConsentElement.appendChild(_createInformationLink(linkText, linkHref));
      }
      cookieConsentElement.appendChild(_createDismissLink(dismissText));
      return cookieConsentElement;
    }
    function _createDialogElement(cookieText, dismissText, linkText, linkHref) {
      var glassStyle = 'position:fixed;width:100%;height:100%;z-index:999;' +
          'top:0;left:0;opacity:0.5;filter:alpha(opacity=50);' +
          'background-color:#ccc;';
      var dialogStyle = 'z-index:1000;position:fixed;left:50%;top:50%';
      var contentStyle = 'position:relative;left:-50%;margin-top:-25%;' +
          'background-color:#fff;padding:20px;box-shadow:4px 4px 25px #888;';
      var cookieConsentElement = document.createElement('div');
      cookieConsentElement.id = cookieConsentId;
      var glassPanel = document.createElement('div');
      glassPanel.style.cssText = glassStyle;
      var content = document.createElement('div');
      content.style.cssText = contentStyle;
      var dialog = document.createElement('div');
      dialog.style.cssText = dialogStyle;
      var dismissLink = _createDismissLink(dismissText);
      dismissLink.style.display = 'block';
      dismissLink.style.textAlign = 'right';
      dismissLink.style.marginTop = '8px';
      content.appendChild(_createConsentText(cookieText));
      if (!!linkText && !!linkHref) {
        content.appendChild(_createInformationLink(linkText, linkHref));
      }
      content.appendChild(dismissLink);
      dialog.appendChild(content);
      cookieConsentElement.appendChild(glassPanel);
      cookieConsentElement.appendChild(dialog);
      return cookieConsentElement;
    }
    function _setElementText(element, text) {
      if (supportsTextContent) {
        element.textContent = text;
      } else {
        element.innerText = text;
      }
    }
    function _createConsentText(cookieText) {
      var consentText = document.createElement('span');
      _setElementText(consentText, cookieText);
      return consentText;
    }
    function _createDismissLink(dismissText) {
      var dismissLink = document.createElement('a');
      _setElementText(dismissLink, dismissText);
      dismissLink.id = dismissLinkId;
      dismissLink.href = '#';
      dismissLink.style.marginLeft = '24px';
      return dismissLink;
    }
    function _createInformationLink(linkText, linkHref) {
      var infoLink = document.createElement('a');
      _setElementText(infoLink, linkText);
      infoLink.href = linkHref;
      infoLink.target = '_blank';
      infoLink.style.marginLeft = '8px';
      return infoLink;
    }
    function _dismissLinkClick() {
      _saveUserPreference();
      _removeCookieConsent();
      return false;
    }
    function _showCookieConsent(cookieText, dismissText, linkText, linkHref, isDialog) {
      if (_shouldDisplayConsent()) {
        _removeCookieConsent();
        var consentElement = (isDialog) ?
            _createDialogElement(cookieText, dismissText, linkText, linkHref) :
            _createHeaderElement(cookieText, dismissText, linkText, linkHref);
        var fragment = document.createDocumentFragment();
        fragment.appendChild(consentElement);
        document.body.appendChild(fragment.cloneNode(true));
        document.getElementById(dismissLinkId).onclick = _dismissLinkClick;
      }
    }
    function showCookieConsentBar(cookieText, dismissText, linkText, linkHref) {
      _showCookieConsent(cookieText, dismissText, linkText, linkHref, false);
    }
    function showCookieConsentDialog(cookieText, dismissText, linkText, linkHref) {
      _showCookieConsent(cookieText, dismissText, linkText, linkHref, true);
    }
    function _removeCookieConsent() {
      var cookieChoiceElement = document.getElementById(cookieConsentId);
      if (cookieChoiceElement != null) {
        cookieChoiceElement.parentNode.removeChild(cookieChoiceElement);
      }
    }
    function _saveUserPreference() {
// Durata del cookie di un anno
      var expiryDate = new Date();
      expiryDate.setFullYear(expiryDate.getFullYear() + 1);
      document.cookie = cookieName + '=y; expires=' + expiryDate.toGMTString();
    }
    function _shouldDisplayConsent() {
      // Per mostrare il banner solo in mancanza del cookie
      return !document.cookie.match(new RegExp(cookieName + '=([^;]+)'));
    }
    var exports = {};
    exports.showCookieConsentBar = showCookieConsentBar;
    exports.showCookieConsentDialog = showCookieConsentDialog;
    return exports;
  })();
  window.cookieChoices = cookieChoices;
  return cookieChoices;
})(this);
document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('Questo sito utilizza i cookie per migliorare servizi ed esperienza dei lettori. Se decidi di continuare la navigazione consideriamo che accetti il loro uso.',
        'OK', '+Info', 'http://lalunadistefylu.blogspot.it/p/info-cookie.html');
  });
//]]>
</script>
<!-- Codice per accettazione cookie - Fine -->


Passo 5):
Copiando da qui questo codice dovete necessariamente sostiruire la parte evidenziata di rosso con il link della vostra pagina "Politica cookies", stando attenti a lasciare l'apostrofo ' prima e dopo la parolina  html

Direi che è fatta e per vedere se siete riusciti cliccate su Anteprima modello


e se in testa al vostro blog vedrete la scritta
 Questo sito utilizza i cookie per migliorare servizi ed esperienza dei lettori. Se decidi di continuare la navigazione consideriamo che accetti il loro uso.   +Info  OK
 potrete esultare e cliccare sul rettangolino arancione Salva modello 

Non so se potrà esservi utile questo post ma lo spero tanto...ne ho dovuti leggere tanti uguali per capire metà cose perchè nessuno(di quelli che son arrivata a leggere io) identificava bene il punto esatto dove posizionare quel "benedetto" codice.Pensate che dal 2 ad oggi 7, ho davvero dovuto provare tante volte... di paroline  body ce n'è più di una .

E con questo vi saluto...sempre che ci sia qualcuno che ancora passa di qua a leggermi ... prossimamente credo metterò un post chiacchiericcio e uno sul mio andazzo coi fermenti thailandesi...strepitosi Fervida!

Related Posts Plugin for WordPress, Blogger...