Pubblicato il 04/09/14 - aggiornato il  | 65 commenti :

Inserire nel sito il link per l'accettazione dei cookie come disposto dal Garante della Privacy.

Come mostrare un avviso personalizzabile sull'utilizzo dei cookie secondo le direttive del Garante della Privacy senza utilizzare servizi esterni.
Aggiornamento: A seguito di script e modifiche dello stesso operate da Google per i siti su piattaforma Blogger vanno seguite le indicazioni di questo post più recente:

   Come personalizzare il banner di Google per i blog su Blogger -

Nel precedente post ho illustrato come mostrare ai lettori un avviso su come vengono utilizzati i cookie nel sito. Tale messaggio diventerà obbligatorio a partire dal Giugno 2015 per tutti i blog che utilizzano appunto i cookie di profilazione atti a ottenere informazioni sul comportamento dei lettori. Nella trattazione ho usato lo script CookieChoises messoci a disposizione da Google.  

Tale codice viene distribuito secondo la licenza MIT di software libero e quindi può essere modificato. Per implementare l'annuncio secondo il codice fornito da Google bisogna infatti caricare il file javascript in un nostro spazio. Se abbiamo un sito Wordpress con un dominio acquistato non ci sono molti problemi visto che possiamo caricare il file tramite il File Manager fornito dalla società da cui abbiamo acquistato il sito. Se però abbiamo un blog gratuito su Blogger allora dovremo usare un hosting come Google Drive.

Visto che ci sono molti blogger che non amano troppo smanettare con i codici ho pensato di convertire tutto il codice di Google in un altro che possa essere incollato nel template senza bisogno di servizi esterni. In questo modo tra l'altro saranno visibili anche i parametri da modificare per cambiare l'aspetto del banner. Dopo aver salvato il template si va su Modello > Modifica HTML, si cerca la riga </body> e, subito sopra, si incolla il codice seguente

<!-- 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', 'Più Info', 'http://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html');
  });
//]]>
</script>
<!-- Codice per accettazione cookie - Fine -->





Si salva il modello. Si può scegliere tra due opzioni.
  1. showCookieConsentBar mostrerà la barra di notifiche nella parte alta
  2. Se la stringa precedente si sostituisce con showCookieConsentDialog si visualizzerà una schermata iniziale su cui il lettore deve cliccare per continuare la navigazione
  3. Si può intervenire sul blocco di codice che segue la riga evidenziata di giallo per modificare l'aspetto e il colore della barra di notifica e sul blocco di codice che segue la riga evidenziata di verde per intervenire sull'aspetto della schermata iniziale.
  4. Il messaggio visualizzato dai lettori e il testo dei due link colorati di blu può essere adattato alle nostre esigenze (Assolutamente non usate apostrofi).
  5. Al posto dell'indirizzo della pagina che ho creato per illustrare ai lettori l'utilizzo de cookie inserite l'URL di una pagina simile che dovrete pubblicare
info-e-consenso-utilizzo-cookie

Nel caso della Schermata Iniziale il lettore deve necessariamente cliccare su OK per continuare la navigazione mentre con la Barra di notifica si potrà scorrere il sito avendo però la barra sempre presente e fissa nella parte superiore della pagina fino a quando non si clicchi su OK. Per controllare come appare il sito nella sua versione desktop basta aprirlo in una finestra di navigazione anonima. La barra o la schermata non sarà  più visualizzata per un anno dato che è questa la durata del cookie. Ovviamente nel caso in cui il browser con cui si apre non li cancelli mai durante tutto questo periodo di tempo. 

Se invece si vuole visualizzare l'avviso su smartphone oltre ad aprire il sito con tale dispositivo mobile si può andare su Modello per vederne la miniatura su Cellulare

banner-cookie-cellulare

Il codice precedente può essere usato anche dagli utenti Wordpress che lo possono incollare su Aspetto > Editor > Piè di pagina. Tra breve pubblicherò un altro post su come si possa personalizzare l'aspetto della barra di notifica relativamente a colori, misure e bottoni. Su questo argomento consultate anche questi articoli:
  1.  Il Garante della Privacy e l'utilizzo dei Cookie -
  2. Inserire un banner per l'utilizzo dei cookie -
  3. Inserire barra di notifica e schermata iniziale direttamente nel modello
  4. Personalizzare la barra di notifica con colori di sfondo e bottoni in 3D
  5. Come inserire una barra di notifica sull'uso dei cookie nello stile di Google
  6. Inserire e personalizzare una barra di notifica sui cookie per Wordpress 
  7. Come mettersi in regola con le disposizioni del Garante della Privacy  
  8. Personalizzare la Schermata Iniziale per l'accettazione dei cookie 
  9. Banner per l'accettazione dei cookie in stile dark e con tre link


65 commenti :

  1. ciao ernesto non capisco solo una cosa:che url dovrei mettere accanto alla scritta OK Più info? grazie

    RispondiElimina
  2. Ma se uso la navbar di Google non è necessario inserire un avviso, giusto?

    RispondiElimina
  3. Conviene utilizzare la barra in alto, è molto più soft.
    - La barra deve essere per forza in posizione sempre fissa fino a quando non viene cliccata per essere considerata valida oppure può stare in alto ma se si scorre la pagina non ci si fa più caso?

    RispondiElimina
  4. ciao ernesto c'è la possibilità di inserire la barra ad una certa distanza dall'alto, io ho già un meno flottante fisso e non vorrei che un elemento coprisse l'altro. grazie

    RispondiElimina
  5. @ladybella
    L'URL di una pagina che dovrai pubblicare sull'uso dei cookie. Leggiti questo post e sarà tutto chiaro
    http://www.ideepercomputeredinternet.com/2014/09/cookie-consenso-privacy-banner-blogger-wordpress.html

    @Roberta R.
    Non lo so. Per queste questioni legali dovresti consultare un forum specifico. Prova con quello di Blogger per vedere se ne sanno di più

    @Andrea Sapuppo
    Idem come Roberta R. Non lo so se basti la Navbar di Blogger

    @Antonella Lamarra
    Non so se si può spostarla. Potresti provare a mettere per esempio top:80; al posto di top:0; ma in realtà si tratta di un falso problema. Dopo che il lettore avrà cliccato su K non vedrà più la barra di notifica per un anno e potrà usare il tuo menù senza problemi. Anche i navigatori saltuari potranno nascondere la barra con un click.
    @#

    RispondiElimina
  6. Una sola parola "Grazie". Risolto in 5 minuti un problema che iniziava ad assillarmi.

    RispondiElimina
  7. Grazie mille!!!! erano giorni che mi vedevo questo annuncio nella pagina di adsense.. e non ci stavo capendo nulla.. :-D

    RispondiElimina
  8. Ops..una domanda.. E' tutto ok la barra mi appare regolarmente nel mio blog, ma non se apro il blog con il mio smartphone. Infatti non mi appare nemmeno la miniatura su cellulare in modello. Come mai?

    RispondiElimina
    Risposte
    1. Ho testato e funziona anche su smartphone. Se non lo vedi in Modello > Cellulare prova a modificare e a scegliere Personalizza. Prova poi a aprire il sito con un tablet o altro dispositivio mobile. Comunque lo script funziona
      @#

      Elimina
    2. Ho scelto personalizza ed ora è ok! Grazie mille :-D

      Elimina
  9. posso utlizzare questo codice in un sito non wordpress?

    RispondiElimina
    Risposte
    1. Puoi provare per vedere se funziona. In linea di massima dovrebbe andar bene per qualsiasi pagina web
      @#

      Elimina
  10. Salve.
    E' possibile cambiare il colore e il carattere del testo?
    In quale sezione del codice bisogna effettuare la modifica?

    RispondiElimina
    Risposte
    1. Leggi questo articolo
      http://www.ideepercomputeredinternet.com/2014/09/barra-notifica-cookie-personalizzata.html
      specie la parte finale del post
      @#

      Elimina
  11. Se volessi inserire la barra di notifica nella parte bassa?

    RispondiElimina
  12. Buongiorno, domanda forse stupida la mia ma preferisco essere sicura; ho un blog di blogger e uso google Analytic per la visualizzazione dell'andamento dei dati del blog... devo inserire il banner?!
    Grazie
    Lisa

    RispondiElimina
    Risposte
    1. Sì. Leggiti anche questi post
      http://www.ideepercomputeredinternet.com/2014/09/cookie-consenso-privacy-banner-blogger-wordpress.html
      @#

      Elimina
  13. Prima di tutto grazie mille! ho un blog su blogger e ho utilizzato il tuo codice, inserendo i ringraziamenti al tuo sito nella pagina della privacy :)
    Adesso ho un dubbio; io non so leggere codici e script e mi è venuto un dubbio dopo una discussione stamattina. Secondo quanto dice il garante, i cookies non possono essere registrati nel computer dell'utente senza il suo espresso consenso. Questo codice che hai gentilmente fornito, oltre a creare il banner e avvertire dell'uso di cookies, impedisce anche che si annidino senza il consenso? cioè, se io entro nel mio blog, con il banner che hai fornito tu, perfettamente inserito, analytics mi registra automaticamente o lo fa solo dopo il mio consenso, sia anche il semplice scroll?
    Grazie mille per la risposta, da adesso! ;)

    RispondiElimina
    Risposte
    1. La cosa funziona in modi diversi a seconda della barra di notifica o della schermata iniziale. Con la schermata iniziale senza cliccare sul bottone per il consenso praticamente non ti puoi spostare nella pagina mentre con la barra di notifica lo puoi fare. In questo secondo caso se tu continui a navigare sul sito ti saranno inviati dei cookie però il bottone per il consenso resterà visibile fino a che tu non hai accettato. È per questa ragione che è meglio inserire nella informativa breve sul banner la info che se tu continui a navigare è come se avessi accettato l'uso dei cookie.
      Per maggiori infortmazioni leggi questo mio ultimo post su questo tema:
      http://www.ideepercomputeredinternet.com/2015/05/cookie-law-blogger-wordpress.html
      @#

      Elimina
  14. Grazie mille, la differenza tra la barra e la schermata mi era chiara e io ho scelto la barra di notifica piazzata in alto (ma forse mi conviene in basso, dato che in alto c'è la notifica di Google). Quello che non mi era chiaro era se la barra di notifica blocca i cookies di Analytics, dei tasti dei social e del widget di Instagram 'prima' delle azioni dell'utente. Ho visto che numerosi siti, che si stanno preparando al 2 giugno, usano la barra di notifica e non la schermata iniziale, che, effettivamente, potrebbe mettere in fuga gli utenti che hanno conoscenza superficiale di internet e temono che li voglia con virus & C. Di nuovo grazie, ho letto anche il link che hai indicato, le spiegazioni sono chiarissime, thanks! ;)

    RispondiElimina
  15. Sono off topic, ma in questi giorni stanno tutti in panico e volevo scrivere qualcosa che magari può essere utile ad altri, ho appena visto che su alcuni blog su blogger, l'avviso sta comparendo in automatico, anche perché stavo aiutando un'amica e ce ne siamo rese conto, ovviamente forse non accadrà su tutti i blog, credo dipenda anche dalle modifiche che abbiamo apportato ai template, ma non ne sono certa, è solo una mia supposizione :)

    RispondiElimina
  16. Ciao Ernesto grazie per il codice ma avrei una domanda: se utilizzo i pulsanti di condivisione di default cioè quelli di blogger devo mettere qualcosa per i cookies di terze parti? Che codice devo mettere se ce n'è bisogno? Mi sono scocciAta di questa situazione.. Grazie mille

    RispondiElimina
    Risposte
    1. Se non hai pubblicità e solo i bottoni ufficiali di Blogger forse non c'è bisogno di nulla e basta la Navbar di Blogger. Comunque se hai dei dubbi meglio mettere questo codice
      @#

      Elimina
  17. Io non riesco a salvare il modello. Mi dà errore. Come posso fare?

    RispondiElimina
    Risposte
    1. Guarda se la riga / body è di colore rosso o verde. Se è verde significa che non hai copiato bene il codice. Se invece è rossa il problema è più difficile. Dovresti provare a inserire prima si quella riga un tag di chiusura tipo /div per vedere se diventa verde.
      P. S. Sono al cellulare quindi non ho potuto digitare i segni di minore e maggiore
      @#

      Elimina
    2. La riga body era già verde e quando ho copiato il codice è rimasta verde. Ho provato a ricopiarlo, ma è lo stesso.
      Mi dispiace disturbare, ringrazio comunque.

      Elimina
    3. Mi sembra difficile che ci sia un errore perché è stato copiato da molte persone. Prova con questo codice
      http://www.ideepercomputeredinternet.com/2015/05/cookie-law-blogger-wordpress.html
      o con questo
      http://www.ideepercomputeredinternet.com/2015/05/popup-cookie-law-garante-privacy-blogger-wordpress.html
      o con quest'altro
      http://www.ideepercomputeredinternet.com/2015/05/cookie-law-dark-banner-blogger.html
      @#

      Elimina
    4. Alternativamente parsa il codice prima di incollarlo con questo strumento che serve per convertire HTML in XML
      http://www.blogcrowds.com/resources/parse_html.php
      @#

      Elimina
    5. Grazie! ho risolto

      Elimina
  18. Ciao per le info posso lasciare il tuo link http://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html'); o devo metterne uno interno o direttamente dal sito del Garante?

    RispondiElimina
    Risposte
    1. Questa domanda me la sono posta anche io e non è chiaro. Uno con 5 blog basta che abbia una sola pagina con l'informativa estesa oppure ne deve avere cinque? Fai un po' come credi
      @#

      Elimina
  19. Ho un mio dominio e utilizzo Wordpress.
    Ho messo temporaneamente il sito offline con l'avviso di manutenzione e non ho intenzione di rinnovare il pagamento del dominio quando scadrà (a febbraio del 2016).
    Devo comunque preoccuparmi di mettere un banner di avviso sui cookies utilizzati oppure non essendo il sito visitabile posso evitare?

    RispondiElimina
    Risposte
    1. Credo che se il sito non è visitabile sei apposto. Nell'avviso di manutenzione puoi magari aggiungerci qualcosa sui cookie, non dovrebbe essere difficile
      @#

      Elimina
  20. A me hanno detto che Google per blogspot le ha messe in automatico,infatti io me la sono trovata,poi non so ...

    RispondiElimina
  21. Ciao, ho seguito tutto come hai indicato, ma non mi appare nessuna barra...c'è solo quella automatica di google per blogspot...che fare in questo caso?

    RispondiElimina
    Risposte
    1. Hai aperto il tuo sito con una scheda in Incognito? Perché se non fai così non si può vedere nulla. Se il problema permane può anche darsi che tu abbia un modello a Visualizzazione Dinamica
      @#

      Elimina
  22. Ciao, ho preparato tutto banner e pagina informativa seguendo le varie guide che voi gentilmente avete pubblicato per aiutare chi non ci capisce nulla, vorrei una conferma all'idea che mi sono fatta riguardo Google Analytics.
    Per usare G.A. occorre iscriversi ed ottenere i dati di accesso, cosa che io non ho fatto.
    Il mio blog come tutti quelli ospitati su Blogger dispone di una pagina di statistiche nella quale sono visibili alla voce
    "Origini del traffico" gli indirizzi cliccabili degli utenti.
    Quindi io non uso G.A. giusto? ma solo un servizio fornito da Blogger.
    Nell'informativa go segnalato la presenza di cookie analytics gestiti direttamente dalla piattaforma.
    Grazie per la risposta
    Annalisa

    RispondiElimina
    Risposte
    1. Non usi GA ma le statistiche di Blogger. Il fatto è che noi utenti non possiamo accedere alle statistiche di Blogger e quindi neppure sappiamo se sono cookie tecnici o analitici. Puoi aggiungere la comunicazione nella Cookie Policy. Anche Google Friend Connect cioè il widget dei lettori usa i cookie. redo basti una comunicazione tipo questa
      "Blogger e Google Friend Connect utilizzano cookie per le statistiche secondo le linee guida comunicate in questa pagina https://support.google.com/blogger/answer/141159?hl=it"
      @#

      Elimina
    2. si è quello che pensavo, te l'ho chiesto per maggior sicurezza, grazie per il link lo aggiungo , grazie Annalisa

      Elimina
  23. Grazie, molto utile il post, ho messo il banner e ora sono molto più tranquilla.

    Volevo chiederti se puoi illuminarmi su una cosa...Insomma, praticamente d'ora in poi dovremmo obbligatoriamente mettere questo banner per il consenso dei cookie, e fin qui tutto bene, lo capisco, ma non capisco il ''rischio multa fino a 120mila euro''. Se una persona fosse totalmente negata in queste cose, se fosse un ragazzino che ha aperto da poco un blog e ne sa poco o niente, se fosse ''nuovo'' nel web, se non lo sapesse proprio di questo nuovo regolamento sulle linee guida dell'utilizzo dei cookie per svariate ragioni, del tipo, non so, magari non accede al proprio sito da un bel pò di tempo e di conseguenza ignora completamente quello che succede [anche se comunque dubito che una persona poi alla fine non lo noti, io l'ho scoperto solo 3 giorni fa, e questa notizia gira da mesi], allora non mi sembra giusto che paghi per qualcosa di cui ignorava l'esistenza. Che poi in che modo possono procedere in questi casi? Tra milioni di siti ne scovano uno che non ha il banner dei cookie, in stile hacker scoprono l'identità del blogger, gli mandano a casa una multa da migliaia di euro, qualcuno poi intasca i soldi di sto poraccio e chi si è visto si è visto? o.o
    Non capisco...
    Vabbè, comunque sia grazie ancora per queste guide. Se non ci fossi stato tu starei ancora sclerando per capirci qualcosa ahah ciao

    RispondiElimina
    Risposte
    1. Prima della multa ci dovrebbe essere un avviso per mettersi in regola, almeno sembra che sia così :)
      @#

      Elimina
    2. "Sembra" a chi? Fonte?
      Grazie

      Elimina
  24. Ciao Ernesto, molto utile il tuo blog, complimenti.... Ho usato il tuo codice per l'inserimento della barra aggiuntiva dei cookies nel mio blog, ho provato anche le varie alternative ma non si visualizza nè in alto nè la schermata iniziale anche visitandolo da anonimo, ho seguiro le tue indicazioni posizionando il codice nel modello prima della scritta body, non riesco a capire perchè non compare....se potessi illuminarmi te ne sarei grata...Grazie....*_*

    RispondiElimina
    Risposte
    1. Il tuo blog è questo?
      http://fategioielli.blogspot.it/
      Non so perché non si vede. Si tratta di un modello molto personalizzato anche con dei cursori. Prova a togliere almeno il javascript dei cursori per vedere se è quello. Hai provato da mobile dopo aver scelto Personalizza in Modello > Cellulare?
      @#

      Elimina
    2. Ciao Ernesto, si l'indirizzo del mio blog è quello, grazie di essere passato e di avermi risposto.... Ho seguito il tuo consiglio togliendo il cursore e i widget sotto il blog ma tuttavia la barra non si vede, ho anche messo l'ulteriore codice per personalizzarla ma nulla....non sò cosa fare....non compare neanche visitandolo da una pagina anonima e dal cellulare, l'unica ad essere visibile è quella di Blogger.... Forse mi rimane solo la scelta di cambiare il template del blog..... Ti ringrazio della disponibilità.... Buona serata.....*_*

      Elimina
  25. Ciao Ernesto! Molto utile il tuo articolo!!
    Ho inserito il codice ed ho modificato il colore del banner ma non riesco a capire come modificare il colore dei linh "ok" e "più info"

    RispondiElimina
    Risposte
    1. Il colore dello sfondo è inserito con il gradiente quindi c'è un colore iniziale e uno finale per dare l'effetto profondità. Ci vuole però un codice aggiuntivo
      http://www.ideepercomputeredinternet.com/2015/05/cookie-law-blogger-wordpress.html
      Leggi il post a partire da
      ULTERIORE PERSONALIZZAZIONE DELLA BARRA DI NOTIFICA
      @#

      Elimina
    2. No non mi interessa il colore dello sfondo ma il colore dei link! Delle scritte "Ok" e "Più info" vorre cambiare il colore!

      Elimina
    3. Credevo di essermi spiegato bene ma mi sbagliavo. Mi spego nuovamente. I bottoni con le scritte OK e Info sono formati da diversi colori.

      1) Colore rosso che rappresenta lo sfondo del bottone e che è dato da un gradiente con ombreggiatura e che può essere modificato con questi parametri

      background:linear-gradient(to bottom, #fedede 4%, #e50909 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fedede', endColorstr='#e50909',GradientType=0);
      box-shadow: 2px 2px 2px #aaa;
      text-shadow:1px 1px 1px #ccc;

      2) Colore del testo Info e OK in condizioni normali che è dato da questo codice
      color: #79ecdf;

      3) Colore del testo OK e Info al passaggio del mouse e che è dato da questo codice
      color:#4ce6d4;

      @#

      Elimina
  26. Buongiorno a tutti.
    Ho avuto uno strano problema. Dopo aver seguito le indicazioni ed esser riuscito ad attivare il banner, ho messo Ok e ora non compare più. La cosa strana però è che non compare più nemmeno agli altri utenti ai quali ho chiesto di farmi sapere se gli appariva il banner o no. Che cosa devo fare?
    Grazie mille Ernesto, nella pagina che ho creato ho ripreso il tuo testo, citandoti e ringraziandoti. Buona giornata

    RispondiElimina
    Risposte
    1. Il tuo sito è questo?
      http://ilpontelunare.blogspot.it/
      Ovviamante se prima c'era c'è ancora
      http://i.imgur.com/1n4filZ.png
      sarà la centesima volta che rispondo a una domanda di questo tipo. Dovrò mettere un altro banner :)
      Il banner viene visualizzato solo la prima volta poi per un anno non si vede più. Lo vedranno solo quelli che sono nuovi del sito. Per verificare che il banner ci sia sempre bisogna aprire una pagina del blog qualsiasi ma con la NAVIGAZIONE ANONIMA
      @#

      Elimina
    2. Ti ringrazio Ernesto. Avevo capito la storia che dopo l'accettazione non compariva più, ma altri utenti mi avevano segnalato che nonostante loro non avessero accettato nulla, il banner non compariva. Vabbè, comunque, colla navigazione anonima compare quindi nessun problema. Ti ringrazio ancora e scusa del disturbo.

      Elimina
  27. Risposte
    1. ok chiaro
      mettendo lo scipt sopra e alla pagina info metto il collegamento alla pagina policy e sono apposto
      Grazie

      Elimina
  28. Ernesto so che mi manderai, ma non mi funziona siaprovato i anonimo che da altri che non hanno mai visitato il sito. coach-4you.it

    RispondiElimina
    Risposte
    1. Lo credo che non ti funziona. Mi hhai incollato il link sbagliato del tuo sito ma questo non è un problema l'ho trovato lo stesso, è questo
      http://www.coach-4you.it/
      Il fatto è che tu hai incollato il codice sopra alla riga < body > e non sopra alla riga < /body > . La riga < /body > è la penultima del tuo modello :)
      @#

      Elimina
  29. Ciao ho provato ad inserire il codice ma mi spunta sempre quello di Google,come posso sistemarlo? Questo è il mio sito elisabettavitale.it

    RispondiElimina
    Risposte
    1. Non è questo il codice per la personalizzazione, qui c'è lo script che serviva qualche anno fa prima che Google lo inserisse di default in tutti i blog di Blogger.
      Per l'informativa breve riguardo a Cookie e GDPR segui questo post
      https://www.ideepercomputeredinternet.com/2018/05/gdpr-banner.html
      Per la personalizzazione dei colori del banner segui quest'altro
      https://www.ideepercomputeredinternet.com/2015/08/banner-cookie-blogger-google-personalizzare-desktop-mobile.html
      Ti consiglio di procedere in questo modo
      1) Salva il Tema per un eventuale ripristino
      2) Incolla il codice così com'è
      3) Apri una pagina in incognito per vedere se il banner si vede con il testo che ho messo io
      4) In caso positivo passa alla sua modifica cambiando testo, link e tutto quello che vuoi.
      L'errore più comune è quello di cambiare il testo prima di incollarlo. Magari sfugge un punto e virgola o c'è uno spazio in più e non funziona nulla
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy