uso dei cookieVi ricordate l’articolo “Il banner per il consenso all’uso dei cookie” ? Ci eravamo lasciati con la promessa che vi avrei indicato un modo semplice e veloce per inserire, il banner per il consenso all’uso dei cookie, nel vostro sito. Bene, vediamo quindi come fare.

Google, che era il principale interessato alla nuova direttiva Europea, aveva avuto 18 mesi di tempo per adeguare i propri siti. Ovviamente Google, di tempo ne ha impiegato molto meno e in più, ha messo a disposizione dei webmaster due strumenti per aiutarli ad adeguare i loro siti in maniera semplice e veloce. La prima soluzione, prevede una “finestra di dialogo” (Dialog Box) che appare al visitatore prima di lasciare spazio alle pagine del sito web. La seconda soluzione invece, sovrappone un banner in basso o in alto nelle pagine in cui viene inserito lo script. In entrambe le soluzioni quando il visitatore clicca sul pulsante “Accetta” o “Chiudi” (possiamo scegliere liberamente il testo del pulsante), verrà generato un cookie dalla durata di 12 mesi permettendo al visitatore per un anno di non dover chiudere nuovamente il banner o la finestra.

Per prima cosa, dovete creare sul vostro sito una pagina dedicata alla cookie policy. Potete prendere spunto da qui

Quindi se scegliete la prima soluzione e cioè visualizzare una finestra col messaggio, bisogna inserire il seguente codice all’interno del tag <body> delle pagine del vostro sito

<script src="/cookiechoices.js"></script>
<script>//<![CDATA[
document.addEventListener('DOMContentLoaded', function(event) {        
    cookieChoices.showCookieConsentDialog('Il tuo messaggio per i visitatori.',         
        'Chiudi', 'Maggiori Informazioni',                      
                 'http://indirizzo_pagina_cookie_policy');
   });
//]]></script>

Copiate infine sul server, nella cartella principale del vostro sito il file cookiechoices.js (vi riporto di seguito il link dove scaricarlo) e assicuratevi che il percorso coincida con quello inserito nella prima riga del codice indicato sopra. Modificare inoltre l’indirizzo ‘http://indirizzo_pagina_cookie_policy’ inserendo l’indirizzo della pagina dedicata alla cookie policy che avete creato in precedenza.

Scarica cookiechoices.zip (prima di copiarlo sul server va scompattato!)

Se scegliete la soluzione del banner, il codice da inserire nelle pagine del vostro sito, all’interno della sezione <body> è quello riportato di seguito.

<script src="/cookiechoices.js"></script>
<script>//<![CDATA[
document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('Il tuo messaggio per i visitarori.',
        'Chiudi', 'Maggiori Informazioni',
                 'http://indirizzo_pagina_cookie_policy');
  });
//]]></script>

Anche in questo caso, bisogna caricare sul server il file cookiechoices.js e inserire l’indirizzo corretto della vostra pagina dedicata all’uso dei cookie.

Scarica cookiechoices.zip (prima di copiarlo sul server va scompattato!)

Per chi usa blogspot, o non può caricare il file sul server, può sostituire la riga

<script src="/cookiechoices.js"></script>

con :

<script type="text/javascript">
//<![CDATA[
(function(window) {

  if (!!window.cookieChoices) {
    return window.cookieChoices;
  }

  var document = window.document;
  // IE8 does not support textContent, so we should fallback to innerText.
  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() {
      // Set the cookie expiry to one year after today.
      var expiryDate = new Date();
      expiryDate.setFullYear(expiryDate.getFullYear() + 1);
      document.cookie = cookieName + '=y; expires=' + expiryDate.toGMTString();
    }

    function _shouldDisplayConsent() {
      // Display the header only if the cookie has not been set.
      return !document.cookie.match(new RegExp(cookieName + '=([^;]+)'));
    }

    var exports = {};
    exports.showCookieConsentBar = showCookieConsentBar;
    exports.showCookieConsentDialog = showCookieConsentDialog;
    return exports;
  })();

  window.cookieChoices = cookieChoices;
  return cookieChoices;
})(this);
//]]> 
</script>

 
Non vi resta che personalizzare il messaggio da visualizzare per i vostri visitatori che potrebbe essere del tipo:

Questo sito utilizza i cookie per migliorare servizi e esperienza dei lettori.

Se decidi di continuare la navigazione consideriamo che accetti il loro uso.

Per il momento è tutto, ma torneremo ancora sull’argomento per vedere come personalizzare i colori, i pulsanti e adeguare al meglio il banner o la finestra allo stile del sito. A presto…
 
Se hai problemi con l’installazione o con la personalizzazione dello script, leggi:
Le 10 domande più frequenti sul banner per il consenso all’uso dei cookie

 
 

Info sull'autore

Teresa
Teresa
Sono mamma, blogger per passione, laureata in terapista della neuro e psicomotricità dell'età evolutiva, da sempre nel settore della prevenzione e riabilitazione, svolgo il mio lavoro presso studi privati e centri di riabilitazione; collaboro con ludoteche per la presentazione di progetti educativi e ludici in età evolutiva

Commenti

  1. Debora

    Ciao, grazie per l’utile guida!
    Sto cercando di modificare il file cookiechoices.js in modo tale che con lo scroll non sparisca il banner; vorrei che l’utente debba necessariamente cliccare su “Chiudi il banner” per far sparire l’avviso.
    Ho provato a commentare la funzione “detectScroll” in questo modo

    /*
    function detectScroll() {
    document.onscroll = function() {
    _dismissLinkClick();
    };
    }
    */
    ma così facendo non funziona, il banner scompare del tutto.
    Mi puoi aiutare, per favore?
    Grazie

  2. carlo pellegrini

    Buongiorno,

    inserisco il codice nella mia pagina index, e metto il file .js nella cartella dove ci sono tutti i file di quel tipo. cambio nel codice le cose che devo cambiare ma non funziona. Puoi dirmi dove sbaglio? E’ come se il file .js non funzionasse

    Grazie

  3. Giuseppe

    Ciao, tempo fa ho inserito il banner per il consenso ai cookie seguendo la guida di google e funzionava bene. Adesso però mi sono accorto che il banner si vede solo su edge mentre su firefox e chrome non risulta visibile. Non è che potresti indicarmi qual’è il problema ?

    • Ciao Giuseppe, hai dimenticato di indicare l’url del sito su cui hai il problema…. senza non riesco ad aiutarti 😉

      • Hai ragione, scusami. L’ho allegato a questo secondo messaggio.

        • Giuseppe, ho provato sia con chrome che su firefox e vedo il banner correttamente sfondo blu e scritta bianca… non è che hai cliccato su “x chiudi” ??? in questo caso, prova ad aprire il sito da una finestra di navigazione anonima oppure a cancellare i cookie…

          • Hai ragione. Il fatto è che con il comando “cancella cookie” il banner rimaneva (stranamente) invisibile. Ho dovuto rimuoverli singolarmente. Adesso lo vedo sia su Firefox che su Chrome. Ti ringrazio molto per l’aiuto.

            • Figurati è stato un piacere 😉

  4. Ciao Teresa,
    ho inserito i dati e salvati, non riesco a vedere l’anteprima della prima pagina la finestra del Cookies, ho letto e riletto la tua procedura ma non ci sono riuscito a farmi capire come funziona.
    Permetto che sto usando il software “Magix Web Designer Premium”.
    Ho copiato il link e incollato nella cella “Body” del mio programma e salvando i due files cookies già scompattato nella cartella.
    La ringrazio… 🙂

    • Antonio

      Aspetto da mesi la sua risposta. mi puoi darmi una mano?. 🙁

      • Ciao Antonio, ma per poter capire qual’è il problema, avrei almeno bisogno di vedere il tuo sitoweb. Mi dai il link per favore? 😉

  5. Come inserisco il banner su un blog WordPress? Ho inserito il file .js sulla root del sito e ho messo il codice java di richiamo in header.php ma non lo vedo.

    • a me sembra di vederlo, in altro con sfondo nero……

      • Salve Teresa, con la tua guida abbiamo inserito la politica dei cookie copiando dal link da te fornito e modificando la tabella in base ai cookie che il nostro sito gestisce. Questo è il nostro link: http://www.aquilops.it

        Va bene o secondo te dobbiamo migliorare qualcosa?

        Grazie per l’aiuto

        • Ciao, benvenuto…. mi sembra vada bene. Ricorda che questo script non blocca i cookie prima che l’utente dia il consenso ma visualizza solo il banner…. 😉

  6. Io vorrei sapere se devo solo inserire il bannerino su tutte le pagine del blog ed una pagina dedicata alla Privacy Policy ed il gioco è fatto oppure devo andare a pagare 150€ al Garante della Privacy solamente perché ho messo i bannerini della Condivisione nei Social Network o un bannerino di google adsense ….

    • Ciao Daexto85, benvenuto… non devi pagare nulla ma solo inserire il banner 😉

      • Io ho sentito che devo pagare 150€ e nascondere persino i banner di google adsense e rimuovere la newsletter anche se è gestita da me e non posso usare nemmeno app come Jetpack per raccogliere le visite del mio blog perché considerati cookie di profilazione

        • è giusto… i banner pubblicitari di google e tutti quelli che iniviano cookie di profilazione devono essere visualizzati solo dopo che l’utente ha acconsentito!

          come già discusso un pò di messaggi più in basso:

          ———————————————————————————-
          Ciao Sergio…. come è ben spiegato nella pagina che hai linkato:
          “I cookie di profilazione, che di solito permangono nel tempo, sono soggetti all’obbligo di notificazione, mentre i cookie che hanno finalità diverse e che rientrano nella categoria dei cookie tecnici, non debbono essere notificati al Garante”

          Quindi per i cookie che la maggior parte di noi utilizza non c’è bisogno della notifica al garante, cosa diversa per chi usa cookie di profilazione che come è scritto sempre nel sito sono:

          “Sono i cookie utilizzati per tracciare la navigazione dell’utente in rete e creare profili sui suoi gusti, abitudini, scelte, ecc. Con questi cookie possono essere trasmessi al terminale dell’utente messaggi pubblicitari in linea con le preferenze già manifestate dallo stesso utente nella navigazione online.”

          Non so tu che tipo di sito hai, ma fortunatamente per noi comuni blogger, basta esporre il banner ed avere il link all’informativa su tutte le pagine del sito…

          RISPONDI
          claudio pepoli
          Inviato il 12 agosto 2015 alle 13:06
          se usi google adsense come cookies di profilazione per la tua pubblicità, la comunicazione al garante deve farla google

  7. Max

    Perdonami del disturbo Teresa…

    ho letto tutti i commenti ma non ho trovato il problema che io incontro.
    Il messaggio mi appare correttamente ma non ha il fondo grigio, nel senso che appare la scritta nera direttamente sul sito, che ha colori e scritte che quindi si sormontano e non permettono alla dicitura della privacy di leggersi bene.

    Quale stringa dello script dovrei cambiare e come per mettere lo sfondo grigio del banner che appare in basso al sito?

    Grazie per la pazienza

    • Ciao Max, non preoccuparti, non disturbi… il bello dei messaggi e che posso rispondere quando ho tempo 😀

      Allora, apri il file cookiechoices.js e trova la riga:

      function _createHeaderElement(cookieText, cookieText2, dismissText, linkText, linkHref) {
      var butterBarStyles = ‘position:fixed;’ +
      ‘margin:0; left:0; bottom:0;z-index:1000;text-align:left;’;

      ora modifica in questo modo
      var butterBarStyles = ‘position:fixed; background-color:#AAA’ +
      ‘margin:0; left:0; bottom:0;z-index:1000;text-align:left;’;

      e lo sfondo diventerà grigio (#AAA).

      Saluti e buon 2016!!!!

  8. Buongiorno Teresa! Grazie mille per la tua guida. Uso oramai il tuo script da mesi e ti ringrazio molto per averlo pubblicato. Ho sempre avuto un problemino però e adesso ero deciso a risolverlo e non riuscendoci ti invio questo commento. Cliccando sul pulsante “accetto” il messaggio dei cookies scompare. Navigando su altre pagine del sito il messaggio però riappare! Cioè è come se venisse accettato solo su una pagina del sito e non su tutte… come mai?
    Faccio due precisazioni: se clicco “accetto” sulla homepage (index) del sito non appare più in nessuna pagina, se clicco “accetto” da qualunque altra pagina interna invece vale solo per quella l’accettazione.
    La seconda precisazione è che ho inserito il codice nel body di ogni pagina del sito e il cookiechoices.js nella root.
    Altri dettagli posso fornirli se servono. Spero di essere abbastanza chiaro e spero che mi riuscirai ad aiutare! Grazie! Buon 2016!!!

    • Ciao Andrea, allora, il problema penso nasca dal fatto che utilizzi delle sottodirectory nella pagine interne del sito, quindi per ovviare al problema, dovrebbe bastare una piccola modifica al file cookiechoices.js.

      Aprilo quindi e trova la riga:
      document.cookie = cookieName + ‘=y; expires=’ + expiryDate.toGMTString();

      modifica in questo modo:
      document.cookie = cookieName + ‘=y;path=/; expires=’ + expiryDate.toGMTString();

      fammi sapere se funziona….

      Grazie per tutto e tanti auguri di buon anno anche a te 😉

      • Sei un genio! niente da aggiungere.. funziona perfettamente adesso. Per prima cosa non avevo pensato al fatto che uso delle sottodirectory e per seconda cosa ho guardato solo lo script in cui pensavo che lo slash fosse sufficiente ad individuare il file nella root del sito. Grazie davvero di tutto e buon feste!

  9. stefano

    Ciao e grazie per le interessanti pagine, mi sono state molto utili. Ot
    ra ho creato il mio banner cookies, sapendo un po di css l’ho adattato al mio sito. Solo ho un problema: non riesco a rendere cliccabili le “maggiori informazioni” e il “prosegui”. Come mai? Cosa sto sbagliando? Grazie mille per l’aiuto e buone feste.

    • Ciao Stefano, benvenuto e buone feste anche a te! Per capire quale possa essere il problema, hai dimenticato di postare il link al tuo sito. Saluti e ancora auguri… 😉

  10. Enrico

    Ciao e complimenti per il sito … sono arrivato qui ricercando i cookies …. ma perchè il codice mi fa chiudere il banner in google chrome e non in mozilla firefox ? dai post del 2015 è cambiato il codice ? grazie

    • Ciao Enrico, grazie per i complimenti e benvenuto sul sito.
      Il banner funziona su tutti i browser è molto strano che su firefox ti dia quel problema. Se vuoi posta l’indirizzo del tuo sito così posso provare dal mio pc.
      Saluti

  11. Ciao Teresa,
    una curiosità, ho visto che tra i tuoi widgets c’è il pulsante di Pinterest ma nella normativa estesa non hai la policy, non è necessatia metterla?

    PS: con questo blog ho trovato la soluzione definitiva per il banner/cookie policy!!! Semplice ed efficace GRAZIE TERESA!!!

    • Ciao PcCore…. in realtà, prima avevo i widget di facebook, twitter e g+ nella sidebar che riportavano il numero di follower (quelli con i pulsanti per aggiugersi velocemente). Ora invece, come puoi vedere, li ho eliminati, ma non ho modificato la cookie policy per pigrizia?!?!? 😀

      Grazie a te per essere passato sul mio blog!!! Ah, aspetta, tengo a precisare, che questa non è la soluzione definitiva!!!! Purtroppo la normativa, dice che bisogna aver raccolto il consenso prima di scaricare i cookie nel browser dell’utente e questa cosa lo script proposto in questo articolo (che poi è quello di google) non fa. Praticamente, andrebbero bloccati i cookie fino a quando l’utente non accetta i cookie premendo sul pulsante “ok” o clicca su un link o scrolla la pagina… etc etc

      • PcCore

        Oddio!! Pensavo di aver risolto @#@#][+[SGRUNT+/£%&….. 🙂
        Allora io non ci capisco molto di codice ma credo di aver trovato delle soluzioni?

        https://github.com/nicholasruggeri/cookies-enabler
        http://sitebeam.net/cookieconsent-v1/code/

        • PcCore

          …Anche quest’altro che mi sembra il più valido e più facile da installare:
          http://www.marcucciogemel.it/cookie-il-tuo-sito-a-norma

  12. Ciao Teresa,
    potresti dirmi dove devo inserire il codice nel mio forum phpBB?

    Grazie.

    • Ciao, puoi inserirlo nel file del tema overall_header.html, subito dopo il tag <body….>

      • Ciao,
        scusami se ti disturbo ancora, ho inserito il codice nel file da te indicato come puoi vedere qui sotto e caricato il .js sul server nella root del forum ovvero http://miosito.it/forum/ ma non appare nessun banner 🙁 dove sbaglio?

        //

        • Ok Ok risolto… GRazie

  13. Fabrizio

    Ciao Teresa e complimenti per il blog e la tua disponibilità..
    Sono riuscito a inserire il banner con il file cookiechoises.js e lo script che hai proposto:

    //

    ma il banner mi appare ad inizio pagina mentre io lo vorrei a fondo pagina come lo vedo in tutti i siti.. dove devo intervenire per fare questa modifica? Grazie e scusa per il disturbo..
    Fabrizio

    • Fabrizio

      posizione banner risolto con l’inserimento di “bottom” nel codice, ora vorrei aumentare grandezza del carattere del testo nel banner e metterlo tipo verdana.. e non so come fare!! 🙁
      Teresa… help!

      • Ciao Fabrizio, leggi i commenti partendo da questo link e troverai la spiegazione di come procedere: http://www.mammachebrava.com/personalizzare-banner-per-consenso-alluso-dei-cookie/#comment-37480

        Saluti 😉

        • Fabrizio

          Ciao Tere.. grazie tutto risolto!
          P.S. Ti rispondo solo ora perchè la notifica via e-mail della tua risposta da MammaCheBrava era finita in posta indesiderata e l’ho vista ora per caso..
          grazie 1000! 😉

          • Perfetto…. l’importante è che hai risolto! 😀

  14. Gentile Teresa,
    ho seguito le tue indicazioni molto utili per inserire il banner dei cookies in questo mio sito web.
    Potresti cortesemente dirmi anche come si fa a far scomparire il banner ogni qualvolta si scrolla la pagina? Così come avviene un pò in tutti gli altri siti web.
    Grazie!

    • Ciao Agostino, la soluzione la trovi nel post: http://www.mammachebrava.com/personalizzare-banner-per-consenso-alluso-dei-cookie/

      Leggi la prima discussione con Lorenzo subito dopo l’articolo…

      Saluti

        • Grazie mille! Non per niente il mio blog si chiama MammaCheBrava!!! 😀 😀 😀

  15. Alessandro

    Cara Teresa,
    mi chiamo Alessandro e per hobby mi sono preso carico di gestire e mantenere il sito della società per cui lavoro.
    In meno di qualche mese ho imparato ad utilizzare Artisteer come programma.
    Ho seri problemi ad inserire la privacy per i cookie.
    Sopratutto per quanto riguarda la parte di inserire nel server il programma.
    Spero di ricevere una tua risposta,
    ti ringrazio per mettere a disposizione le tue conoscenze
    Buona giornata
    Alessandro

    • Ciao Alessandro, benvenuto sul blog!
      Se non sbaglio, Artisteer è un programma che genera template per i principali cms (WordPress, Joomla, Drupal) quindi bisogna capire quale di questi usi per individuare quale file del template modificare.
      Purtroppo con le informazioni che mi hai dato, non so come aiurarti…

      • Alessandro

        Ciao Teresa, forse sono io a non usare il metodo più semplice per gestire il sito, ossia non mi appoggio a nessuno di quelli (wordpress, joomla, Drupai), anzi lavoro esclusivamente su artisteer e poi esporto tutto l’elaborato sul server FTP in HTML dal quale poi va direttamente ad aggiornare il sito.
        Come detto in passato sono solo un principiante e faccio fatica a capire dove su Artisteer posso inserire, ho fatto mille tentativi, ma nessuno mi ha portato ad un risultato. Ti ringrazio per la passione e la gestione del tuo sito, sopratutto per aiutare gente come me 🙂

        • Ciao Alessandro, grazie per i complimenti…. per risolvere il tuo problema, quando esporti in html, non ti resta che collegarti al tuo sito tramite client FTP (tipo filezilla), aprire il file html in modifica ed inserire lo script come descritto nell’articolo…

  16. Ciao Teresa e Complimenti Innanzi tutto.
    Allora, io ho un sito creato con Aruba Nuke, passo passo ho fatto come tu scrivi, ma il problema mi si presenta nel momento in cui devo caricare il file .js sul server, in quanto mi dice che tale estensione non è supportata.
    Ti Allego la dicitura che mi esce:
    Il file D:InetpubwebsDNN32385Portalscookiechoices.js è di un tipo non consentito dall’amministratore Host.I formati validi sono *. docx, *.xlsx, *.pptx, *.swf, *.jpg, *.jpeg, *.jpe, *.gif, *.bmp, *.png, *.doc, *.xls, *.ppt, *.pdf, *.txt, *.xml, *.xsl, *.css, *.zip, *.MP3, *.WAV, *.WMV, *.AVI, *.MPEG, *.ASF, *.ASX, *.WMA, *.MIDI, *.QT, *.MOV, *.RM, *.RAM, *.RPM, *.flv, *.
    Quindi, come Risolvo ???
    Grazie in Anticipo…

    • Ciao Gian, benvenuto…
      se non puoi caricare il file sul server, puoi sempre utilizzare la soluzione che ho suggerito a chi utilizza blogspot. Trovi tutto scritto in questo articolo.
      Saluti
      Teresa

  17. Ciao, utilizzo weebly per la gestione del mio sito, inserendo il codice però non appare il banner durante la navigazione. di seguito riporto ciò che inserisco:

    //

  18. Ciao, scusa il disturbo, ma sono in forte difficoltà con l’inserimento del banner cookie policy sul mio sito. Ho Joomla 1.7 e con gran fatica me lo sono costruito nel 2011, ora a doverci rimettere le mani non ci capisco più niente… ho seguito alla lettera questa guida, di fatto però nel mio sito viene pubblicata solo una parte dello script, (se vuoi vedere lo trovi in basso alla pagina). rientrando nel modulo html creato in joomla, sembra che salvando, parte dello script mi viene cancellata. Non ci dormo la notte, e non trovo soluzioni…, potresti darmi qualche consiglio perfavore? non ho trovato una mail alla quale scriverti, altrimenti avrei fatto degli screenshot da allegare. Sperando in un tuo aiuto, Saluti Claudia

    • Ciao Claudia, benvenuta 😉
      allora, vado a memoria, perché è da tempo che non uso più joomla…. per inserire il codice html o javascript nel modulo, devi disabilitare l’editor WYSIWYG quindi devi andare nel menu sito -> configurazione e settare Editor WYSIWYG predefinito editor – No Editor.
      A questo punto, dovresti poter copiare nel nuovo modulo il codice senza troncature.

      Se continua a non funzionare, fammi sapere…
      Saluti
      Teresa

      • Ciao, grazie del consiglio, purtroppo però ho disattivato gli editor prima di incollare il codice, quindi non è quello il problema 🙁

  19. Maurizio

    Cara Teresa, sei davvero encomiabile. Non solo perchè sei brava e spieghi molto bene, ma soprattutto per la tua infinita disponibilità (gratuita, ed è giusto sottolinearlo).
    Anch’io ho seguito quello che hai scritto e ti ringrazio molto. Funziona, ed è una soluzione molto semplice.

    Pensavo solo ad una cosina piccola in più, che potrebbe migliorare ulteriormente il “pacchetto”: la possibilità di mettere una variabile al posto del testo del banner (che nel file js prende il nome di “CookieText”) e quindi un richiamo ad un file esterno dove inserire il testo, in modo che se uno desidera modificarlo, lo possa fare in un posto solo anzichè in tutte le pagine. Che ne dici?
    Naturalmente non so come si fa….
    Un saluto!

    • Ciao Maurizio, ti ringrazio per i complimenti e per i suggerimenti!
      Lo script cookiechoices come già ho ribadito più volte, non è stato creato da me 😀 ma bensì messo a disposizione da google…

      In realtà il richiamo allo script a cui fari riferimento, andrebbe inserito una sola volta (in un solo file quindi) a meno che non hai un sito in puro html… In questo caso, puoi inserire lo script del secondo riquadro (quello del banner) in un file dal nome richiama-banner.js (per esempio) personalizzarlo e richiamarlo dalle tue pagine html con la seguente riga:

      <script src=”/richiama-banner.js”></script>

      Spero di esserti stata d’aiuto.
      Saluti!

      • Maurizio

        Mi riferivo a tutte le pronte risposte che dai sempre. Il sig. GOOGLE non lo fa (e forse dovrebbe assumerti! 😉

        In merito al mio quesito, intendi inserire nelle pagine html del sito entrambi i richiami:

        E nel file “richiama-banner.js”:

        document.addEventListener(‘DOMContentLoaded’, function(event) { cookieChoices.showCookieConsentBar(‘Il tuo messaggio per i visitatori.’,’Chiudi’, ‘Maggiori Informazioni’, ‘http://indirizzo_pagina_cookie_policy’);
        });

        Intendi così?

        • Puoi fare anche in questo modo:
          apri il file cookiechoices.js e all’inizio, prima della riga

          (function(window) {

          aggiungi:

          document.addEventListener(‘DOMContentLoaded’, function(event) {
          cookieChoices.showCookieConsentBar(‘Il tuo messaggio per i visitarori.’,
          ‘Chiudi’, ‘Maggiori Informazioni’,
          ‘http://indirizzo_pagina_cookie_policy’);
          });

          a questo punto devi richiamare solo il file cookiechoices.js in ogni pagina html aggiungendo la seguente riga dopo il tag <body>

          <script src=”/cookiechoices.js”></script>

          😉

          • Maurizio

            Si, direi che è un’ottima soluzione (per chiunque). Si risparmia tempo e lavoro in più, soprattutto quando il sito ha molte pagine html.
            Grazie . Un saluto.

            • Grazie a te!

              Alla prossima… 😉

  20. Manny

    Cara Teresa, sei davvero molto gentile e apprezzo il tuo contributo gratuito e spassionato, purtroppo però dovresti dire, secondo me, che quello che stai consigliando non è sufficiente a rispettare la normativa. Si rischiano fino a 120.000 euro di multa per aver tracciato con cookies senza che l’utente ne abbia dato espressamente il consenso.
    Il tuo sito mostra il banner, ma basta arrivarci per errore da un link qualunque sul web che ancora prima che l’utente scelga se accettare di proseguire ad utilizzare il tuo sito o meno, si trova bombardato di cookies di profilazione di terze parti. Ora io trovo questa legge qualcosa di assurdo, ma se io fossi uno di quegli utenti indispettiti domani potrei segnalarti al Garante e questo sicuramente ti vedrebbe in difetto.
    Cosa ne pensi?

    • Ciao Manny, hai perfettamente ragione, questi articoli sui banner, come hai potuto vedere, li ho scritti ad ottobre 2014 quando le informazioni non erano ancora precise e lo script che trovi menzionato in questa serie di articoli non è altro che quello messo a disposizione da google per aiutarci a metter in regola i nostri siti. Siccome la direttiva europea è stata recepita in modo differente dai vari stati membri proprio sul punto a cui facevi riferimento, probabilmente, google che non risiede in Italia (o in Ruropa) non si è preoccupata di inserire nel proprio script un sistema che blocchi i cookie prima che l’utente abbia accettato il consenso.
      Sono perfettamente a conoscenza del fatto che il mio sito non è a norma su questo punto e infatti non ti nascondo, che sono ancora in cerca di una soluzione definitiva, visto che in giro, oltre a servizi a pagamento(che promettono, ma poi mantengono?) ho trovato script che non riescono a bloccare tutto o comunque bloccano solo adsense e non il resto.
      Sono cosciente delle sanzioni ma anche che sulla questione c’è ancora molta confusione, tant’è vero che in rete, molti siti anche importanti (vedi libero.it, tim.it e tanti altri) ad oggi non bloccano i cookie prima del consenso.
      La questione per il mio blog ovviamente non è chiusa e spero di risolverla nel più breve tempo possibile così potrò mettermi alle spalle questa storia con un bel post definitivo! 😉
      Saluti,
      Teresa

      • Manny

        Eh sì Teresa, è proprio un bel grattacapo. Grazie per la risposta e per questa tua ottima attività online. Anche io sto cercando e ricercando, ma alla fine ogni soluzione che trovo ha un problema da una parte o dall’altra. Le soluzioni a pagamento mi fanno proprio ridere, soprattutto perché nella maggior parte dei casi, i siti degli stessi offerenti queste soluzioni non rispettano il blocco preventivo!!
        La mia paura più grande è che questa legge finisca nel dimenticatoio e che nessuno se ne preoccupi più, così anche la legge tollererà la non completa messa in regola, salvo poi tirarla fuori quando serve come arma di ripicca.
        Purtroppo così com’è, tenendo conto anche della confusione dell’interpretazione (ho letto le opinioni di vari studi di avvocati che sono contrastanti tra di loro fino a quelli che dicono più semplicemente che la legge è inapplicabile) sarà impossibile adeguarsi al 100%, anche perché basterà un soffio di vento, una modifica da qualche parte senza che l’editore se ne renda conto per tornare a rischio sanzioni. Quindi possiamo dire che la certezza che il “classico controllo della GDF che poi prima di andare via comunque qualcosa te lo deve multare” non avvenga anche per i siti, la si può ottenere soltanto chiudendo tutto!
        Poi in compenso mentre mi arrovello alla ricerca di una soluzione vengo tempestato di chiamate non autorizzate dai vari centri di telemarketing di grandi aziende dove i soldi ci sarebbero da prendere, dato che spesso sono palesemente in contrasto con le normative sul trattamento dei dati.
        Quando ci stancheremo di questo sistema di cose fatte male, o meglio, bene per uccidere i piccoli disgraziati?

    • Salve a tutti,
      sono nuovo del blog e volevo avvisarti che esiste un modo per bloccare i cookie di terze parti semplicemente bloccando le pubblicità sulle pagine dove appare il banner (nel mio caso la finestra o table).
      Premetto che il mio sito (www.italianfoodrecipes.it) l’ho realizzato tutto con codice html e pertanto, pensando proprio come avrei potuto fare per bloccare i cookie preventivamente, ho usato un sistema un po’ laborioso ma giusto allo scopo.
      Sinceramente non so quanti di voi abbiano un sito in html, ma penso che si possa usare lo stesso sistema anche su piattaforme tipo Joomla, WordPress ecc.
      L’unico inconveniente è il fatto che l’utente, accedendo successivamente alla pagine derivanti dai link dei motori di ricerca, vedrà sempre (chiaramente una sola volta) la finestra in questione.
      Pertanto se a qualcuno può interessare questa soluzione me lo faccia sapere che personalmente sono disponibile.
      Ciao
      Paolo

      • Ciao Paolo, benvenuto sul blog e grazie per il tuo contributo. 😉
        Saluti
        Teresa

        • Chiedo scusa a coloro che hanno visitato il mio sito, ma purtroppo per un banale errore di scambio di pagine, avevo inserito sul server le due pagina principali con la pubblicità di Google anzichè le pagine con il blocco della suddetta pubblicità e quindi dei cookie.
          Adesso il banner di Google è stato sostituito con uno di mia produzione come motivo di riempimento dello spazio vuoto, ma senza nessun link di collegamento ed è stato inserito solo sulle due pagine principali, quella in italiano e quella in inglese.
          Le altre pagine per il momento rimangono senza nessun banner.
          Scusandomi nuovamente per l’errore, rimango a disposizione di coloro che vorranno rispondere a questo commento.
          Saluti
          Paolo

  21. Ciao Teresa, intanto grazie per la tua disponibilità…
    Ho seguito passo a passo le tue indicazioni ma non riesco a cambiare nè posizione, nè colore dell banner dei cookies.
    Sicuramente sbaglio qualcosa.
    Nel mio sito però non esiste un file style.css, ho un main.css ma ho provato a modificarlo e non cambia nulla.
    Ti sarò grato se vorrai aiutarmi.
    Grazie, Marco

    • Ciao Marco, puoi cambiare lo style del banner, direttamente nello script… apri quindi il file cookiechoices,js, cerca la funzione:
      function _createDialogElement(cookieText, dismissText, linkText, linkHref)
      e al suo interno, modifica lo style che trovi nelle prime tre variabili. 😉

      • Grazie per la risposta Teresa, sono riuscito a modificare qualcosina tranne il colore del testo, la dimensione del box e la presenza del pulsante.
        Riesci ancora ad aiutarmi?
        Lo so sono una frana… 🙁
        Grazie 1000
        M.

        • Certo che posso aiutarti!!! 😉

          per il colore del testo in contentStyle devi aggiungere color:#FFF se vuoi il testo bianco.

          Ma scusa marco, se vuoi mettere il messaggio in cima alla pagina, perchè hai utilizzato la finestra di dialogo anzichè il banner ???

      • Ciao Teresa, ti ringrazio vivamente per la tua gentilezza e per la tua pazienza.
        MI pare di esserci riuscito 🙂 utilizzando il banner anzichè la finestra di dialogo.
        Ti chiedo ancora una cortesia: è possibile utilizzare il font del mio sito (dosis) anche per il banner oppure no?
        Il colore del link alla pagina policy e chiudi si può cambiare?
        Infine, non sono riuscito a capire come inserire il pulsante anzichè la scritta.
        Lo so sono un rompiscatole, ma approfitterei ancora una volta del tuo tempo e della tua cortesia…
        Grazie infinite.
        M.

        • Ciao Marco…. allora per fare quello che mi hai chiesto, modifica lo style che hai nell’head della pagina in questo modo… ovviamente poi le cambierai a tuo piacimento 😉

          <title>MaterDea | Official</title>
          <style type=”text/css”>

          @import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800);

          body {
          background-color: #000;
          background-image: url(images/home/sfondoindex.jpg);

          }
          .index111 {
          color: #FFF;
          font-family: Dosis;
          }
          #cookieChoiceInfo {
          font-family: Dosis;
          font-size: 18px;
          color: #8ea2c3;
          line-height:1.5em;
          }

          #cookieChoiceInfo a {
          color: #FFF;
          }

          #cookieChoiceDismiss {
          background-color:#8ea2c3;
          padding:2px 10px;
          color:#1c293c !important;
          border-radius:4px;
          font-weight:500;
          text-decoration:none;
          }
          </style>

          con l’attributo “#cookieChoiceInfo” cambi lo style del messaggio
          con “#cookieChoiceInfo a” lo style del link
          e con “#cookieChoiceDismiss” quello del pulsante

        • Ciao, ho appena visitato il tuo blog e ho visto che hai un bellissimo banner per i cookie, mi dici cosa hai modificato esattamente? Io vorrei realizzarne uno carino come a quello che hai ….

      • Grazieeeeeee!!!!
        Ci sono riuscito 🙂
        Sei un tesoro.
        M.

        • Pregooo!!! Marco hai sbagliato a copiare… hai scritto <style type=”text/css”@import url(http://fonts.googleapis.com/css?

          invece di
          <style type=”text/css”> @import url(http://fonts.googleapis.com/css?

          praticamente hai dimenticato di chiudere il tag style con > questo errore non ti cambia il font in Dosis….

      • Ciaoo teresaa
        Il tuo sito è interessantissimo
        È questa guida mi e servita tantissimoo
        Se ti va e se vi va passate da me
        http://richiediuncampioneomaggio.blogspot.it/

        è un sito interessante con tante segnalazioni cosine in omaggio anche per i bimbi

        grazie ragazze

        • Ciao Annina, benvenuta!!Ti ringrazio per i complimenti! Corro subito a visitare il tuo blog!
          A presto

  22. Salve,
    ho creato da anni un sito in html. Ora ho visto che si deve inserire in ogni pagina un banner per i Cookie. Se fosse possibile avere un parere se ho fatto giusto le sarei grata…
    Grazie in anticipo
    Rossella

    • Ciao Rossella, benvenuta!
      Allora, in realtà, il banner dovrebbe essere ben visibile in qualsiasi pagina del sito e non solo sulla home. Dovresti quindi inserire il banner in ogni pagina!!!
      Ho controllato però il tuo sito ed ho visto che in realtà non fa uso di alcun cookie e quindi, puoi anche evitarti il lavoraccio (visto che il sito è interamente in html) di mettere il banner.
      Saluti

      • Cara Teresa,
        è più di due mesi che divento matta con questo Script per i Cookie da inserire. L’ho inserito in quasi tutte le pagine a parte la sezione Vetrine ospiti. In alcune pagine è in alto ma poi ho visto che nascondeva la barra di navigazione (in parte) e ne ho trovato un’altro da mettere in basso. Non sono riuscita a modificare la grandezza e diciamo l’evidenza dello script. Credevo di essere quasi a buon punto. Ho scritto a te perchè vedevo che hai aiutato tantissimi. Si il mio sito è in html puro scritto da autodidatta dieci anni fa, sempre un pò aggiornato come immagine e contenuti. Ieri ho fatto questa stessa domanda che ho fatto a te ad uno Studio che realizza Siti. Mi hanno praticamente traumatizzata dicendo che il mio sito non è a norma perchè non c’è il blocco dei cookie. Hanno detto che ho molte cose che generano cookie tipo contatore di visite, youtube, facebook, Google Adsense e altro come link amici ecc. Conclusione mi hanno comunicato che sono in rischio MULTA!!! Mi sono scoraggiata e credimi sono depressa dopo tanto lavoro. In fondo il mio è un sito Hobbistica/Artigianato con vendite occasionali…2 opzioni di scelta: o mi generano uno script giusto che blocca i cookie o che sia più evidente (secondo loro) e io poi ricomincio a pubblicarlo pagina dopo pagina con credo a questo punto un esaurimento nervoso, o opzione 2 mi rifanno il sito di sana pianta perchè giudicato obsoleto, non navigabile…loro sanno inserire il banner automaticamente e velocemente in ogni pagina con il loro sistema che poi dovrò usare anche io per generare nuove pagine. Il costo? Sono in attesa, ma triste perchè amavo l’html, per i soldi che mi costerà questa nuova legge. Ti farò sapere. Sei molto gentile. Dammi se puoi un parere. Rossella

        • Scusami Rossella, non avevo visto che il tuo sito utilizza adsense… essendo in vacanza, non ho il computer a disposizione ma solo il cell dove non vedo i banner pubblicitari!!! Facciamo in questo modo se vuoi: risentiamoci la settimana prossima che sono a casa, così potrò aiutarti ad aggiustare qualcosina per rendere il tuo sito più “fruibile” e mettere il banner su tutte le pag in modo semplice pur senza abbandonare l’html in modo che potrai continuare a gestirlo da sola.

  23. Ciao Teresa, grazie per quello che posti è veramente semplice ed eccezionale. Mi sto attrezzando sul mio blog visto che ci dobbiamo mettere in regola entro il 30 settembre e ho fatto tutto quello che è scritto. Ma….. continua ad apparire il messaggio di google. La cosa strana è che ho inserito il codice per il banner in fondo e…. si è spostato il banner di google, quindi ho compreso che in qualche modo lo script è inserito bene ma manca qualche accorgimento. C’è qualcosa che non va. Mi puoi aiutare?

    • Ciao Maria Teresa, benvenuta sul mio blog e grazie per i complimenti 😉
      Su blogger, sono cambiate un pò di cose da quando ho scritto l’articolo… google aggiunge in automatico il banner, se vuoi eliminarlo o modificarlo, devi fare riferimento a questa pagina: https://support.google.com/blogger/answer/6253244?p=eu_cookies_notice&hl=it&rd=1
      e nello specifico:
      “Come modificare o disabilitare la notifica”

      • Grazie Teresa, mi attivo subito e ti aggiorno. Magari se ti va fatti un giro sul mio blog “mangiovegano.blogspot.it”, qualche ricettina te la dedicherò 😀
        M.T.

        • Sicuramente ti seguirò, ho trovato molto interessanti le tue ricettine!!! Ti ringrazio già da ora per la dedica!!! 😀
          Teresa

          • Ciao Teresa, ho finito l’aggiornamento. Ora appare la richiesta se ti colleghi per la prima volta e (ho copiato i tuoi cookie nella pagina ma i miei sono vegani 😉 ) ho creato la pagina. Spero di aver fatto tutto. Tu che ne dici? Per la ricetta ho fatto una cremina di batate e cioccolato che va proprio bene per i bimbi ( e anche per i golosi) domani spero di postarla tutta per te 😀

            • Brava Maria Teresa, hai fatto un bel lavoro! 😉 Appena posterai la ricetta avvisami che la voglio provare e ovviamente condividere!!!!

            • Ci sei su twitter??? nel tuo sito non ho trovato il tuo account….

            • Ciao teresa, no non mi sono ancora iscritta su twitter. lo devo fare, intanto però ciò messo la policy così non rompono…. 😀 Tu ci sei su google+? ti ho cercata ma non ti ho trovata.

            • Eccoti una cremina nutriente, senza grassi, veloce da fare e soprattutto senza olio di palma. Crema con dedica 😀
              http://mangiovegano.blogspot.it/2015/09/crema-alla-batata-e-cioccolato.html

  24. Federico

    Ciao Teresa, ho trovato molto utile i tuoi contributi, ed infatti ho seguito le tue indicazioni per adeguare i miei siti. Dato che i miei siti sono in puro html ho dovuto modificare tutte le pagine. Volevo chiederti: esiste la possibilità di inserire il messaggio direttamente nello script cookiechoices. Adesso mi accorgo di dover fare una piccola modifica al testo, e dovrei ricaricare tutto!

    • Ciao Federico, mi rendo conto del lavorone che hai fatto!!! Allora, apri il file cookiechoices.js e nella function _createHeaderElement trova la riga

      cookieConsentElement.appendChild(_createConsentText(cookieText));

      e modifica in questo modo:

      cookieConsentElement.appendChild(_createConsentText(‘testo da visualizzare’));

      fai sempre attenzione alle virgolette!!!

    • Federico

      Ho provato, funziona perfettamente!! Grazie Teresa, e complimenti per la competenza e la disponibilità, insieme alla tua cortesia.

  25. Ciao Teresa,
    ho scopiazzato letteralmente il tuo banner, ma non riesco ad allineare il bottone per chiudere a destra.
    🙁

    • Ciao silviabi, benvenuta… nel css in #cookieChoiceDismiss aggiungi float:right; e il gioco è fatto 😉

    • Grazie mille, funziona correttamente!
      Ora non mi resta che scrivere la privacy policy 😉

      • Figurati!!! E’un vero piacere….

        • Sapresti dirmi perché diamine non funziona su questo dominio
          http://www.oasidelfumetto.it/prova.html
          dal momento che l’ho riportato tale e quale?

          • Ad un primo sguardo, mi sembra che hai caricato su oasidelfumetto il file cookiechoices.js standard, cioè quello preso dal sito ufficiale, ma richiami lo script come se fosse il cookiechoices.js da me modificato…
            devi quindi copiare il file cookiechoices.js che hai usato per http://www.tropicalultrasound.org/ su http://www.oasidelfumetto.it/
            tutto qui!!! 😉

            • silviabi

              Bravissima, grazie.
              In locale avevo il file errato.

              Complimenti di nuovo.
              Silvia

  26. Truman

    Cara Mamma Teresa,
    Io non so dove sbagli, forse perchè ho Weebly come CMS ? Fattostà che su Chrome si vede ma su Firefox e Safari non si vede nada… il mio sito è http://www.truman.link aiutooooooooooooooooo !!!

    • Ciao Truman, non ho trovato il file cookiechoices.js… l’hai copiato sul server ?

      • Cara MammaTeresa,

        Ho avuto un problema con il google drive che uso come host e ogni tanto fa le bizze. Comunque, volevo ringraziarti per l’ottimo servizio svolto e sollevare un piccolo problema (ma forse sono io che sbaglio). Ho provato a lavorare coi CSS e mi sono accorto che, una volta renederizzato il sito, non c’è un id specifico per il bottone della Policy. Ho due ID, uno generico che prende tutto (cookieChoiceInfo) e un altro specificatamente per il tag dell’accetto/ok/chiudi (cookieChoiceDismiss). A questo punto per raggiungere la che contiene il bottone Policy, ho dovuto scrivere questo piccolo workaround considerando che l’elemento che voglio raggiungere è il primo di tipo a tra quelli elencati nel div che li contiene.

        #cookieChoiceInfo > a:first-of-type{
        color: #383838;
        font-weight:500;
        }
        #cookieChoiceInfo > a:first-of-type:hover{
        font-weight:500;
        color:blue;
        }

        LA domanda è: perchè non schiaffi dentro questa benedetta l’id cookieInfoLink ? Perchè io ho provato ad usarlo, ma non andava proprio perchè non veniva renderizzato. Sono sicuro che ci deve essere un modo che mi sono bevuto per usare sto benedetto id, ad ogni modo così funziona lo stesso. Grazie tante per il tuo js !!!

      • Truman

        Ciao Teresa,

        Ho risolto tutto ma ho usato un piccolo accrocchio per raggiungere il bottone della policy che sembra mancare del suo ID, almeno a me non mi viene renderizzato. Dovrebbe essere un ID con il nome cookieInfoLink. Per ovviare a questo piccolo inconveniente ho scritto questo css:

        #cookieChoiceInfo > a:first-of-type{
        color: #383838;
        font-weight:500;
        }
        #cookieChoiceInfo > a:first-of-type:hover{
        font-weight:500;
        color:blue;
        }

        Ti ringrazio tantissimo per il tuo js, mi è stato utilissimo !!!

        • Ciao, lo script cookiechoices non è mio, ma di Google… 😉
          Con un altro utente, avevamo notato che nella nuova versione era stato eliminato il selettore per il link alla cookie policy e quindi ho suggerito come ripristinarlo.
          Trovi tutto qui: http://www.mammachebrava.com/personalizzare-banner-per-consenso-alluso-dei-cookie/#comment-37381

  27. Ciao Teresa, grazie per questo ottimo articolo. Sto dando una mano a un mio amico per il suo sito ma non riesco proprio a farlo funzionare…!

    • Ciao Alessandro, allora hai 2 errori… il primo è quello che ho riportato anche nell’articolo: “le 10 domande più frequenti..” (trovi il link sopra alla fine dell’articolo) che riguarda l’apostrofo nella frase “all’uso dei cookie” nel messaggio del banner mentre l’altro è relativo alla riga:
      //<![CDATA[document.addEventListener('DOMContentLoaded'

      praticamente devi metterci un accapo subito dopo [CDATA[ in questo modo:
      //<![CDATA[
      document.addEventListener('DOMContentLoaded'

      così tutto funziona 🙂

      • Mannaggia…grazie!!! Non hai un link “Offrimi un caffè”? 🙂

        • Figurati!!! Noooo il caffè mi rende nervosa….:D puoi sempre lasciare un like sulla pagina facebook o seguirmi su twitter!!! 😉

  28. Ermanno

    Ciao Teresa,
    sono nuovo, ho letto un po’ di post e per prima cosa voglio farti i complimenti.
    Un’amica mi ha chiesto di inserire una locandina su un vecchio sito, già che c’ero ho pensato di adeguarlo alla normativa sui cookies.
    Ho cercato la soluzione in rete ed ho trovato il tuo blog che davvero spiega alla grande i passi da compiere. Ho eseguito ma nel mio caso il banner è “diversamente funzionante” 🙂 Sembra funzionare solo sulla home e non sulle altre. Naturalmente la prova l’ho fatta partendo da una pagina diversa dopo aver cancellato i cookies dal browser. Credo che se parti dalla home sia normale che poi nelle altre pagine non ti chieda più niente. Dove sbaglio? Grazie!!

    • Ciao Ermanno, ma il sito è stato creato con qualche linguaggio di scripting, oppure è in puro html? Nel secondo caso, dovresti inserire il banner su ogni pagina che compone il sito…

    • Ermanno

      Ciao Teresa,

      ho fatto un corso da P…A (espressione tipica milanese), ho imparato bene!
      Grazie! Provvedo subito ma certamente è quello il problma, il sito è un html puro.
      Auguroni!

      Ciaoo

  29. Ciao Teresa,
    sto provando e riprovando a far comparire il banner sul sito, ma non ci riesco.
    Ho inserito sul server, nella cartella principale del sito il file cookiechoices.js
    e lo script all’interno della sezione .
    NON copmare nulla:mi dai una mano a capire dove sbaglio????

    • Ciao Fabio, mi sembra che il banner sul tuo sito funzioni correttamente….

  30. Luca

    Ciao, ho seguito alla lettera la guida…ma ho un problema.
    Ho caricato gli stessi file html su due spazi web differenti….in uno (http://thisisicily.altervista.org), il banner ve lo visualizza correttamente…nell’altro (http://www.elsapalermo.org) no.
    Saresti così gentile da aiutarmi a capire il perché nel secondo non spunta?? :/

    • Ciao Luca, ho dato uno sguardo ai tuoi siti… per quanto riguarda il banner del secondo, nel sorgente non trovo lo script! Sei Sicuro di aver caricato online il file con le modifiche ???

      • Luca

        Ciao, scusa se rispondo soltanto adesso ma sono stato fuori negli ultimi giorni.
        Ho provato per l’ennesima volta…ma non va…ho rifatto tutti i passaggi da zero.
        lo carico su “http://thisisicily.altervista.org” e funziona…lo carico su “http://www.elsapalermo.org” e non ne vuole di apparire.
        Non facciamo che possa dipendere dallo spazio web??! Non so più cosa pensare.
        lo script l’ho inserito subito dopo l’apertura del tag

        • Ciao Luca…figurati. Sul secondo indirizzo che hai indicato, non vedo lo script installato come invece è presente nel primo.
          Il file lo modifichi direttamente online o lo carichi tramite ftp?

          • Luca

            Allora, ho trovato l’errore…ma al momento non so come risolverlo.
            In sostanza quando vado x caricare sullo spazio web i file nuovi, x sovrascriverli ai vecchi, mi dice che sono stati sovrascritti, ma in realtà così non è.
            uso sia dyberduck che filezilla e non cambia niente.
            La connessione col server è una connessione http://ftp…sarà un problema con il server dove risiete il sito…non so proprio come risolvere la cosa :/

  31. Sergio

    Ciao a tutti, bel blog. Devo però dirvi che non ho trovato accenno alla Registrazione presso il Garante delle Privacy, del sito che utilizza i cookie, e quindi espone il banner.
    Come fare, e naturalmente i costi, è ben dpiegato nella pagina ufficiale, qui: http://www.garanteprivacy.it/web/guest/home/docweb/-/docweb-display/docweb/3585077

    • Ciao Sergio…. come è ben spiegato nella pagina che hai linkato:
      “I cookie di profilazione, che di solito permangono nel tempo, sono soggetti all’obbligo di notificazione, mentre i cookie che hanno finalità diverse e che rientrano nella categoria dei cookie tecnici, non debbono essere notificati al Garante”

      Quindi per i cookie che la maggior parte di noi utilizza non c’è bisogno della notifica al garante, cosa diversa per chi usa cookie di profilazione che come è scritto sempre nel sito sono:

      “Sono i cookie utilizzati per tracciare la navigazione dell’utente in rete e creare profili sui suoi gusti, abitudini, scelte, ecc. Con questi cookie possono essere trasmessi al terminale dell’utente messaggi pubblicitari in linea con le preferenze già manifestate dallo stesso utente nella navigazione online.”

      Non so tu che tipo di sito hai, ma fortunatamente per noi comuni blogger, basta esporre il banner ed avere il link all’informativa su tutte le pagine del sito…

      • claudio pepoli

        se usi google adsense come cookies di profilazione per la tua pubblicità, la comunicazione al garante deve farla google

  32. ciao Teresa
    scusa non ti ho detto che uso safari
    grazie mille

  33. ciao Teresa volevo chiederti dei consigli, non vedo più le due barre laterali con relative pagine nel mio blog, credo di aver cancellato qualcosa, mi potresti aiutare?
    dove devo inserire i banner per accettazione dei cookies?
    grazie mille

    • Ciao Lucia, al di la del banner che ho visto funzionare bene, credo che devi rivedere l’intero tema perchè ci sono molti errori, probabilmente hai cancellato troppo! Non hai un backup del tema?

  34. ciao! innanzitutto articolo utilissimo e ti ringrazio per questo. Io ho provato un pò a fare di testa mia ma non so se è giusto. Potresti controllare sul sito e dirmi se sta bene il banner che ho creato? ti ringrazio

    • Ciao Pierpaolo, ho visto il tuo sito ed è ok. Ti segnalo solo che nella pagina della cookie policy, non funzionano i link per la disattivazione dei cookie sui browser e manca la tabella dei cookie di terze parti che utilizzi…

  35. Ciao, ti faccio i complimenti per la chiarezza della spiegazione.
    Sul mio sito non appare nessun banner.
    Come puoi vedere il sito non è ancora terminato e non ho nemmeno personalizzato il banner; ad ogni modo i riferimenti mi sembrano corretti e il banner “standard” credo si debba vedere comunque.
    Grazie anticipatamente per la disponibilità.

    • ciao Andrea, benvenuto… hai scritto così:
      <body <script src=”http://www.studiobarbierato.it/cookiechoices.js”>

      invece di
      <body>
      <script src=”http://www.studiobarbierato.it/cookiechoices.js”></script>

      modifica e vediamo se funziona!!!! 😉

  36. marco Pisetti

    Gentilissima Teresa, innanzitutto grazie per i preziosissimi consigli che posti…brava. Ho una domanda da farti: come faccio a cambiare il font dello script relativo al banner della privacy? grazie per il temo che vorrai dedicarmi.
    Marco

    • Ciao Marco, benvenuto… nell’articolo successivo: PERSONALIZZARE IL BANNER PER IL CONSENSO ALL’USO DEI COOKIE trovi tutte le informazioni su come personalizzare il banner… per il font del messaggio devi fare riferimento al selettore #cookieChoiceInfo quindi nel css aggiungi:
      #cookieChoiceInfo {
      font-family: verdana, arial;
      }

    • Marco Pisetti

      Perfetto, grazie mille, saresti da sposare se già non lo fossi….grazie ancora

      • Marco Pisetti

        Problemino:io vorrei che la finestra uscisse solo nella home invece esce su tutte le pagine. Che fare???? grazie

        • Marco, ma la normativa, prevede che il banner deve apparire su tutte le pagine del sito, perchè non è detto che gli utente inizino la visita del tuo sito sempre e solo dalla homepage! Quindi se fai come dici tu, equivale a non averlo il banner!!!!

          • Marco Pisetti

            Forse mi sono espresso male, esce su tutte le pagine sempre, forse perchè lo sto provando in locale?
            Cioè se apro ad esempio dalla “chi siamo” esce il banner ed è OK, poi se vado nella “contatti” mi riesce il banner? Nei siti che ho visto una volta dato il consenso non mi esce più.
            Grazie comunque per il tempo che mi vorrai dedicare.

            • Ah ok…. lo script funziona proprio in questo modo… non è che hai impostato il tuo browser a non accettare i cookies? Purtroppo se il sito non è online, devo fare solo supposizioni….

  37. Michele

    Domanda…come posso fare per fare in modo che il messaggio appaia tutte le volte che accedo al sito? praticamente vorrei che nessun cookie venisse installato sul mio pc!Grazie.

    • Ciao Michele, benvenuto! La soluzione la trovi nell’articolo che ho pubblicato proprio oggi: “LE 10 DOMANDE PIÙ FREQUENTI SUL BANNER PER IL CONSENSO ALL’USO DEI COOKIE”.
      Comunque, un cookie almeno per la durata della sessione bisogna inviarlo al browser dell’utente, altrimenti il banner comparirebbe ogni volta che cambi pagina… 😉

  38. Buongiorno Teresa,
    grazie mille del prezioso aiuto. Nonostante la tua dettagliata guida sono riuscito a non far funzionare il banner relativo ai cookie !! Utilizzo il servizio SuperSite di Aruba, dunque, per eliminare l’upload del file .js ho sostituito la riga . Potresti gentilmente indicarmi dove sbaglio ?

    Grazie

    • “Sono riuscito a non far funzionare il banner” è una frase bellissima!!!! HAHAHAHAH 😀

      Ciao Fabrizio, se provo ad andare su tuo sito, si apre la pagina di login al servizio supersite di aruba… hai modo di metterlo online per una sbirciatina???

      • Buonasera Teresa,
        grazie mille della risposta.. 🙂 🙂 🙂 ..due risate almeno ce le siamo fatte !!

        Metto il sito online..

      • Buongiorno Teresa, sono riuscito a risolvere : ho cambiato “all’uso dei cookie” con “all’uso dei cookie” e come per magia è comparsa l’informativa.

        Ti ringrazio : leggere i tuoi consigli agli altri utenti mi è stato di grandissimo aiuto.

        • Ciao Fabrizio… scusami se ieri non sono riuscita a risponderti, ma non ho avuto un attimo di tempo! Comunque l’importante è che sei riuscito a risolvere il problema.
          Saluti

  39. Ciao Teresa, complimenti per la pazienza che hai con tutti… ho un problema sul sito a cui sto lavorando, ho seguito tutte le tue istruzioni ma non riesco a fare comparire il banner. Nel’anteprima in dreamweaver si vede tutto, online no..cosa può essere? grazie Francesco

    • Ciao Francesco, benvenuto sul blog…. per capire il problema, dovrei vedere come hai inserito lo script nel tuo sito…. in quello che hai segnalato nel tuo messaggio, non vedo il banner installato! 🙁

      • Francesco

        Ciao, sono riuscito a risolvere..ho scoperto che chi aveva fatto il sito aveva creato più file index e scrivevo su quello sbagliato… 🙁 grazie 1000!!!

        • Ah, ecco perchè non trovato lo script nel sorgente del sito…. 😉 grazie a te!

  40. Buongiorno…non riesco ad inserire i cookies …ho provato a seguire tutto ma poi non so procedere……chi puo’ aiutarmi……? Grazie

    • Ciao Romina, benvenuta… riprova ad inserire lo script nel sito così posso vedere dov’è l’errore…

      • Il problema nasce già nel momento in cui in File manager devo caricare la cartella zip dei cookies….nel senso devo caricare tutta la zip o solo 1 dei contenuti? La tua descrizione è chiarissima e sei molto gentile a prestarti….ho anche un blog quindi dovro’ farlo anche per lui…..Grazie R.

        • Bisogna scompattare il file zip e copiare sul server il file cookiechoices.js….

  41. GRAZIE TERESA, SEI ECCEZIONALE HO SEGUITO I TUOI CONSIGLI ED ORA TUTTO FUNZIONA. PERFETTO. GRAZIE. ALLA PROSSIMA. CIAO MASSIMO

  42. Molto bello ed esaustivo l’articolo e gli approfondimenti allegati. Nel sito che gestisco in maniera spartana ho inserito i codici trovati nell’articolo, ma non ho alcuna visualizzazione del banner. Avete qualche consiglio da darmi?
    Grazie.
    Max

    • Ciao Massimo, benvenuto sul blog… Allora, devi semplicemente sistemare il messaggio da visualizzare eliminando praticamente gli accapo (deve essere tutto su una riga) e anteponendo un backslash quando utilizzi l’apice Es. “all’uso dei cookie” deve diventare “all\’uso dei cookie”

    • Ciao Teresa,
      ho messo in atto i tuoi consigli e tutto funziona perfettamente. Grazie. Sei forte! Alla prossima.
      Massimo

      • Troppo buono…. Grazie a te 😉

  43. Ciao Teresa,
    ho inserito lo script nel mio sito ma ho un problema di visualizzazione con Firefox (con gli altri browser sembra funzionare), potresti aiutarmi?
    Grazie per la disponibilità!

    • Franco

      C’era già la risposta!!! scusate!! 🙂

      • Franco

        Ho risolto!

        Su Firefox se è flaggata la casella “accetta i cookie dai siti” (su privacy) non visualizza alcun messaggio!

        • Perfetto… infatti è strano che funzioni con altri browser e non con firefox!!!

  44. Alan

    Ciao teresa,
    grazie mille per la tua guida.. due domande:
    1) se volessi spostare il banner in fono alla pagina?
    2) con explorer e chrome funziona tutto alla perfezione ma con firefox non vedo niente.

    Graziee

    • Ciao Alan, benvenuto sul mio blog. Allora, apri il file cookiechoices.js trova la riga:
      function _createHeaderElement(cookieText, dismissText, linkText, linkHref) {
      var butterBarStyles = ‘position:fixed;width:100%;background-color:#eee;’ +
      ‘margin:0; left:0; top:0;padding:30px;z-index:1000;text-align:center;’;

      sostituisci top:0 con bottom:0

      per quanto riguarda firefox, prova ad aprire il sito da una finestra anonima oppure a cancellare i cookie

  45. Ciao Teresa,

    grazie per l’articolo interessante e sicuro utile.
    Purtroppo dopo l’inserimento in index.htm e l’upload del file, non riesco a far visualizzare il banner…
    Hai qualche consiglio, per piacere?
    Grazie in anticipo,

    Lorenzo

    • Ciao Lorenzo, controlla la frase da visualizzare agli utenti, ci sono diversi apostrofi(apici): “consente l’invio di cookie di terze parti. Il link contiene l’informativa in formato esteso, proseguendo con la navigazione l’utente”

      Per far funzionare correttamente lo script, devi anteporre un backslash (quello sotto il tasto ESC) davanti agli apici

  46. ladybodom

    Buongiorno, scusa per la domanda ma avrei bisogno di un aiuto.
    Ho provato a copiare i codici nella mia pagina in dreamveawer e tutto sembrava fosse ok.
    Poi per errore ho eliminato la pagina.
    Ho riprovato a fare lo stesso procedimento e caricarla ma ahimè non vedo + il banner.
    Potresti gentilmente aiutarmi?
    Grazie

    • Ciao, vorrei aiutarti, ma senza vedere il sito per me è impossibile farlo… 😉 Non è che hai online anche solo una versione di prova per dare un’occhiata ?

      • Ciao, ho provato a inserire il codice che mi hai evidenziato ma non riesco a vedere il banner
        Grazie

        • Ciao Stefano, ho visto il tuo sito, ma non ho trovato lo script… magari avvisami quando l’hai inserito così posso vedere dov’è il problema 😉

  47. Matteo

    Ciao Teresa,
    ti faccio i complimenti pure io (ormai sarai stufa).
    Volevo chiederti se c’è un modo per posizionare il banner in alto e non in basso.
    Grazie in anticipo

    • Ciao Matteo… benvenuto! Ricevere i complimenti fa sempre piacere 😉
      Comunque, non so se l’hai già provato, ma questo script di default posizione il banner in alto…. 😀

      • Stefano

        Ciao complimenti per la spiegazione. Volevo chiederti se c’è un modo per posizionare in basso il banner.

        • Ciao Stefano, benvenuto…. leggi l’articolo “le 10 domande più frequenti”, puoi trovare il link in fondo a questo articolo…. 😉

  48. claudio

    Ciao innanzitutto complimenti per la spiegazione, una delle più chiare sul web finora di quelle che ho avuto modo di vedere. Ho notato che nella cookie policy che hai messo non vengono menzionati i vari servizi che utilizzano i cookie e quindi c’è una specifica generale. Ti volevo chiedere se è sufficiente così come regola! Grazie per la risposta

    • Ciao Claudio, benvenuto… in che senso non vengono mezionati vari servizi?? tutti quelli utilizzati da questo blog, li trovi in una tabella alla fine della cookie policy dove viene specificato di che tipo sono, il link al sito di appartenenza e quello per disattivare i cookie specifico….

  49. Buongiorno,
    ho inserito lo script su alcuni siti e funziona, ad esempio http://www.cristinagiovinazzo.it, http://www.castionettipaolo,it e http://www.studiolegaletributariobau.it mentre sul sito http://www.fratellizanetti.com non riesco a farlo funzionare, mi potrebbe aiutare?

    • Ciao Cristina, benvenuta…. il problema è che non si riesce ad accedere al file cookiechoices.js, infatti, se provi a leggere il contenuto di questo file, il server risponde:

      Forbidden
      You don’t have permission to access /cookiechoices.js on this server.
      Apache/2.4.7 (Ubuntu) Server at http://www.fratellizanetti.com Port 80

      Controlla magari i permessi del file…

      • Perfetto, ho modificato i permessi e adesso funziona tutto!!! Grazie mille!!!!

        • Figurati… 😉

  50. Ciao Teresa, è da un pò che ti seguo e ti faccio i complimenti per la pazienza e la simpatia che dimostri.
    Ho un problema e mi auguro che tu mi possa aiutare. Ho inserito sul mio sito il codice cookie privacy credo di averlo fatto correttamente nello spazio CSS ma non succede nulla… in pratica il banner non funziona! Dove sbaglio?

    • Ciao Rosa, benvenuta sul blog e grazie per i complimenti.. 😉
      Allora…nella seguente riga di codice, hai utilizzato l’apostrofo nella frase da visualizzare agli utenti:

      cookieChoices.showCookieConsentBar(‘Questo sito utilizza i cookie. Proseguendo nella navigazione acconsenti all’utilizzo dei cookie.’,

      Per utilizzare correttamente l’apostrofo ed evitare che lo script vada in errore, devi anteporgli un backslash (quello sotto al taso ESC per intenderci).

      Penso che questo sia l’errore per cui il banner non compare… magari dopo che hai corretto, se non dovesse funzionare ancora, mi fai un fischio e controlliamo insieme! 😉

  51. Giuseppe

    Ciao Teresa,
    innanzi tutto complimenti per l’articolo, molto chiaro e preciso.
    Volevo chiederti una cosa:
    Ho copiato lo script per il banner il file .js e funziona tutto, però ho un problema:
    Con i browser Safari e Firefox, una volta cliccato su CHIUDI IL BANNER va tutto liscio, il banner si chiude e ricaricando la pagina il banner non viene più visualizzato. (12 mesi di tempo sul file javascript)
    Se invece utilizzo Google Chrome, il banner viene visualizzato sempre, ogni volta che ricarico la pagina. Puoi aiutarmi??
    Grazie

    • Ciao Giuseppe, benvenuto sul blog… hai dimenticato di lasciare il link al tuo sito per dare uno sguardo! Comunque la cosa mi sembra molto strana, non è che hai modificato qualcosa nelle impostazioni di chrome??

      • Giuseppe

        Wow sei velocissima a rispondere! 😉
        Non ti ho lasciato il link al sito perchè lo sto ancora sviluppando in locale e devo ancora caricarlo sul server. Infatti ho scoperto che è proprio per questo che su chrome non prende l’istruzione del data expire(). Provando il pop up su un sito che ho già online funziona tutto!! Grazie comunque e complimenti ancora per il tuo lavoro sei davvero brava e super disponibile.

      • Giuseppe

        Wow sei velocissima a rispondere! 😉
        Non ti ho lasciato il link al sito perchè lo sto ancora sviluppando in locale e devo ancora caricarlo sul server. Infatti ho scoperto che è proprio per questo che su chrome non prende l’istruzione del data expire(). Provando il pop up su un sito che ho già online funziona tutto!! Grazie comunque e complimenti ancora per il tuo lavoro sei davvero brava e super disponibile.

        • Tutto ok allora!!! Ti ringrazio per i complimenti.. 😀

  52. ciao Teresa grazie alle tue dritte ho cercato di fare tutto ma con scarso risultato. Facendo tutto come spieghi a Elena nei vari punti mi da il seguente errore:

    Errore di analisi XML, riga 683, colonna 23: The entity name must immediately follow the ‘&’ in the entity reference.

    evidenziandomi la seguente riga: if (!!linkText && !!linkHref) {

    Mi puoi aiutare? grazie

    • Ciao Barbara, ho dato uno sguardo al tuo sito, ma non ho trovato lo script installato… quindi vado ad intuito…. probabilmente, come è successo per Elena, quando ha incollato lo script, si è sostituito il carattere & con l’Html entity &amp ; basta correggere la riga quindi scrivendola appunto così

      if (!!linkText && !!linkHref) {

      facendo attenzione che le due & siano attaccate…

      • ciao ho provato ma mi da lo stesso errore. Logicamente se ci sono errori non posso salvare.

  53. Carmine

    Ciao Teresa,
    ho riprovato ma continuo ad aver problemi. Sicuramente sbaglio nei passaggi e nel sito non si vede ( è attivo in questo momento).
    Grazie in anticipo

    • Ciao Carmine, ci credo che non ti funziona…. hai creato un mostro!!!! 😀

      ti invio in email il file home.html dove ho corretto gli errori, magari copia da li la parte che visualizza il banner.

      • Carmine

        Grazie! Ho pasticciato parecchio…

  54. Stefano

    Grazie infinite. Lo ho sempre detto a mia moglie che senza di lei non potrei andare avanti proprio (mentre lei potrebbe benissimo 🙂 ). E una “mamma” …. mi ha salvato da questi cookies…
    Se posso aiutarti, se nel messaggio si va a capo o si inserisce un ‘ (apice) il banner non funziona. Il software lo scambia per un comando.
    Ogni bene!!

    • Ciao Stefano, ti ringrazio per il messaggio! Come ho risposto a Iacopo qualche messaggio più sopra per inserire l’apice bisogna fare in questo modo:

      Cito:
      ======================================================
      Ciao Jacopo, il problema è l’accento nella frase “accetti l’utilizzo dei cookie” se vuoi mettere l’accento, devi anteporre uno slash quindi la frase corretta deve essere scritta in questo modo:

      accetti l\\’utilizzo dei cookie

      scusami nel messaggio escono due slash, ma bisogna metterne solo uno…
      ==============================================

  55. Ciao Teresa,
    che dire: GRAZIE!
    Anche io sono mamma (spero brava ^^) e anche io sono libera professionista e blogger. IL tuo post dettagliato, concreto, preciso e pratico è migliore di mille altri tutorial, l’ho seguito alla lettera e con mio grande sollievo ho risolto il problema. Mille e mille grazie veramente!!!
    🙂

    • Ciao Giulia A. piacere di conoscerti!Sono felicissima che il mio post ti sia stato di aiuto e che sei riuscita a risolvere il problema! Grazie a te per aver lasciato un commento!

  56. Carmine

    Ciao Teresa, problemi! ti chiedo un aiuto.
    Ho provato con le modifiche che hai suggerito ma esito finale sono // // ( credo stesso di Renato)
    Ti allego lo script

    //

    //

    • Ciao Carmine, dovrei vedere l’errore che ti da online per darti una soluzione… magari se lo attivi controllo in tempo reale. 😀

  57. Ciao Teresa,
    complimenti per l’articolo. Ho creato per conto mio il sito con Aruba superstite.
    Non penso che debba mettere il banner di avviso per i coockie potresti darmi un consiglio se ho ragione o se devo inserirlo?
    Grazie e buon lavoro

    • Ciao Carmine, il tuo sito è vero che non utilizza cookie, ma ha il pulsante “mi piace” di facebook che scarica un cookie e un localstorage… per questo, dovresti adeguare anche tu il tuo sito….

      • Carmine

        Proverò nel caso ti chiedo aiuto se dovessi avere problemi.
        Grazie!

  58. ciao Teresa, sto provando da ore a cercare il ma trovo solo questo cosa dovrei fare? aiutoo

    • Ciao mundodecaty, sto provando anche io a cercare il nel tuo messaggio, ma non so cosa risponderti!!! Sto scherzando ovviamente… probabilmente si è perso qualcosa per strada… magari prova a inviare in nuovo messaggio

      • ayyyy scusami tanto il mio copia incolla fa scherzi, intendevo che nel mio blog non trovo lo trovo solo nel formato

  59. Renato

    Ciao Teresa,

    Gestisco un sito Aruba Supersite e non riesco a far funzionare lo script nella sezione apposita.
    Premetto che non posso caricare il file cookiechoices.js quindi ho modificato come da te indicato lo script… ma non funziona!
    Sapresti gentilmente darmi assistenza?
    Di seguito ti invio lo script modificato:

    //

    //

    p.s.= ora il sito l’ho messo offline! 🙁

    Grazie in anticipo!

    • Ciao Renato, purtroppo nel messaggio è stato riportato lo script che hai inserito… comunque, se vuoi posta l’indirizzo del tuo sito e dimmi quando posso vedere lo lo script attivo così cerchiamo di risolvere insieme…

  60. claudio

    Ciao Teresa, complimenti per l’articolo molto utile, un piccolo aiuto se ti è possibile.

    questo il mio codice:

    vorrei sapere come andare a capo se volessi allungare l’informativa e centrare il testo in verticale all’interno del banner

    • Ciao Claudio… benvenuto…. allora fai in questo modo:
      nel file .js hai questa riga (o qualcosa del genere perché questa è stata modificata!)

      butterBarStyles = ‘position: fixed; width: 100%; margin: 0px; left: 0px; bottom: 0px; z-index: 1000; text-align: center;’+
      ‘padding: 30px 10px; background-color: #000; font-size: 14px; color: #FFF; opacity: .8′;

      elimina width: 100%; e metti al suo posto display:block;

  61. Ciao Teresa,
    Complimenti per la competenza in questo argomento per me incomprensibile!
    Ho provato e riprovato, penso alla fine di aver fatto un gran casino, e non ho ottenuto risultato alcuno 🙁
    Se hai tempo di dare una mano anche a me, ti sarei enormemente grata, grazie!
    Crima

  62. Grazie Teresa, mi faresti un favore enorme a sistemarmelo tu!
    Grazie mille, se ti serve, ti ho mandato la mia password per entrare nel blog, come messaggio privato, nella tua pagina facebook.
    Grazie mille ancora.
    Roby

    • Ok, dopo cena, ti messaggio, così mettiamo a posto! 🙂

  63. Andrea

    Buongiorno, vorrei chiedere come mandare a capo il messaggio che viene visualizzato dallo script. Se inserisco , viene stampato a video . Se inserisco n, il testo continua ad apparire di seguito, ma se guardo la sorgente pagina il testo va correttamente a capo.
    Mi potreste aiutare? grazie.

    • Ciao Andrea, leggi qualche messaggio più sopra, ho dato una soluzione a questo problema a Gabriele, vedi se va bene anche per te altrimenti lasci l’indirizzo del tuo sito che diamo uno sguardo insieme… 😉

  64. jakko

    Non capisco perchè se inserisco più di 5 parole al posto di “Il tuo messaggio per i visitarori” il banner oppure la finestra non compaiono più.

    • Ciao Jakko, lascia l’indirizzo del tuo sito, così posso dare uno sguardo! Si possono mettere sicuramente più di 5 parole… vedi per esempio il mio banner

      • Resto in attesa Jacopo

        • Ciao Jacopo, il problema è l’accento nella frase “accetti l’utilizzo dei cookie” se vuoi mettere l’accento, devi anteporre uno slash quindi la frase corretta deve essere scritta in questo modo:

          accetti l\\’utilizzo dei cookie

          scusami nel messaggio escono due slash, ma bisogna metterne solo uno…

          • Grazie Teresa per l’aiuto.

        • Figurati, è stato un vero piacere…. 😉

  65. ciao Teresa
    grazie mille per il tuo articolo, ma non riesco proprio a farlo per il mio sito 🙁
    dove sbaglio?forse a salvare i file degli script sul server?
    aiutoooo

    • Ciao Lucilla, il file cookiechoices.js l’hai messo nella cartella principale del sito? oppure in una sottocartella?

      • lucilla

        nella cartella SCRIPT …ho sbagliato?

        • non hai sbagliato, devi solo modificare la riga
          <script src=”/cookiechoices.js”></script>

          in questo modo

          <script src=”/script/cookiechoices.js”></script>

          o comunque indicare l’indirizzo giusto del file… fammi sapere 😉

          • lucilla

            a questo punto credo che non sia quello il problema..
            non saprei

        • Lucilla, la console del browser restituisce questo errore “GET http://www.ecocongress.it/script/cookiechoices.js”
          quindi non riesce a caricare cookiechoices.js. controlla bene qual’è il percorso di questo file…

          • lucilla

            :)) è uscito!! avevo sbagliato il percorso …
            ma adesso come faccio a far si che sul pulsante chiudi se ci clicco chiude il messaggio?

          • lucilla

            praticamente sui pulsanti learn more e close non riesco ad inserire nessun collegamento
            è normale?

        • Praticamente hai l’header sopra la barra, per questo non ti fa cliccare sui link… varia lo z-index dell’header in questo modo:
          apri il file style.css
          Trova
          #header {
          background: white;


          z-index: 10000;
          }

          e modifica z-index:999;

  66. Finalmente!
    Grazie a te e a questo post sono riuscita a trovare una soluzione facile e veloce (mica tanto, ho smanettato un bel po’ ma alla fine ce l’ho fattaaaaa!!!) al problema “e mo sto banner cookie come lo faccio?”

    Ti vorrei fare una domandina… non so se puoi rispondere, intanto ci provo…
    Ho fatto un sito per un amico che non usa nessun tipo di analizzatore, se si possono chiamare cosi (a me è arrivata una notifica dalla shinystat con le loro pagine informative)
    Nel banner sai cosa gli devo mettere? quali pagine? su questo sono un po’ confusa…

    Comunque ancora grazie per il supporto che dai!

    • Ciao, leggendo i chiarimenti in merito all’attuazione della normativa in materia di cookie del garante della privacy, al punto 1 dice:
      1. Ambito di applicazione

      Resta fermo che i siti che non consentono l’archiviazione delle informazioni nell’apparecchio terminale dell’utente o l’accesso a informazioni già archiviate, e che quindi non utilizzano cookie, non sono soggetti agli obblighi previsti dalla normativa. Si conferma che per l’uso di cookie esclusivamente tecnici è richiesto il solo rilascio dell’informativa con le modalità ritenute più idonee (ad es. inserendo il riferimento nella privacy policy del sito) senza necessità di realizzare il banner previsto dal provvedimento.

      Quindi, se il sito del tuo amico, non utilizza cookie non ha l’obbligo di visualizzare il banner…

      • Perfetto!
        adesso non ho piu dubbi, grazie ancora!!!

  67. Ciao Teresa, scusa se ti disturbo ancora , ti vorrei chiedere una cosa…
    Ho seguito le tue istruzioni e c’è l’avevo fatta a farmi apparire il banner per i cookie, avevo salvato le modifiche più volte, però una volta chiusa la pagina, e andando successivamente a riaprirla non mi è più apparso, probabilmente non mi aveva salvato le modifiche. Cosi vado per rifare la procedura, me lo accetta ma non mi fa apparire nessun banner 🙁
    Non so cosa devo fare…
    Grazie mille per l’attenzione.
    Roby

    • Ciao Roby, probabilmente nel copiaincolla ti sei persa qualcosa…
      tra queste righe

      (http://lovelychicmakeupandstyle.blogspot.it/2015/06/privacy-cookies.html);
      <script type=”text/javascript”>

      devi inserire
      //]]>
      </SCRIPT>

      in questo modo:

      (http://lovelychicmakeupandstyle.blogspot.it/2015/06/privacy-cookies.html);
      //]]>
      </SCRIPT>
      <script type=”text/javascript”>

      mi raccomando, non copiare e incollare da questo messaggio, altrimenti non ti funziona per via dei simboli < e > ma scrivilo direttamente. Se hai ancora problemi, fammi sapere! 😉

    • Ciao Roby, ho visto che non hai ancora sistemato… hai avuto qualche altro problema oppure non hai avuto tempo di provare? Fammi sapere, ti saluto 😉

      • Ciao Teresa, ho appena provato a sistemare inserendo quelle due linee mancanti, ma la penultima cioè , non me lo prende con la scritta maiuscola ma minuscola, salvo ma non mi appare nessun banner.
        Mi sento impedita, meno male che ci sei tu (se posso permettermi di darti del tu).
        Alla peggio se proprio non riesco, mi viene in mente di darti la password (tanto mi fido) cosi me lo sistemi direttamente, ovviamente pagandoti poi il disturbo.
        Grazie mille per l’attenzione
        Roby

        • Roberta

          Per penultima linea intendo questa: che a me prende solo se lo scrivo in minuscolo.

          • Ok Roby… se vuoi te lo sistemo io, ora vado a lavoro. se per te va bene, posso farlo stasera dopo cena e non mi devi assolutamente nulla!!! 😀

        • Roby, il problema ora è in questa riga:
          cookieChoices.showCookieConsentBar(http://lovelychicmakeupandstyle.blogspot.it/2015/06/privacy-cookies.html);

          devi modificarla in questo modo:

          cookieChoices.showCookieConsentBar(‘Questo sito o gli strumenti terzi da questo utilizzati si avvalgono di cookie necessari…’, ‘Chiudi il banner’, ‘consulta la Cookie Policy.’, ‘http://lovelychicmakeupandstyle.blogspot.it/2015/06/privacy-cookies.html’);

          e vedi che funziona!!! mi raccomando, non fare copia incolla da questo messaggio, ma prendi questa riga di codice dall’articolo.. Dai che ci sei quasi!! 😉

          • Teresa, sono una vera schiappa 🙁
            Dall’articolo ho preso questa stringa: cookieChoices.showCookieConsentBar(‘Il tuo messaggio per i visitarori.’,
            ‘Chiudi’, ‘Maggiori Informazioni’,
            ‘http://indirizzo_pagina_cookie_policy’);
            e ho sostituito http://indirizzo_pagina_cookie_policy con il link del post che ho scritto io, ma nulla….
            Allora ho provato ad inserire manualmente quello che mi hai scritto in modo da non fare dalla tua risposta il copia e incolla ma nulla…
            I codici html non fanno per me, mi stanno facendo demoralizzare 🙁
            Posso passarti la password per email, cosi me lo sistemi direttamente tu e poi ti pago il disturbo, cosi non ci penso più.
            Scusami per l’audacia ma non so come fare, perchè tu spieghi benissimo ma sono una ceppa io.

  68. Ciao Teresa, grazie per il tuo articolo e per i tuoi preziosi consigli.

    Purtroppo ho provato a seguire alla lettera i tuoi suggerimenti ma sul mio sito (ospitato sul server di una società americana) il banner non appare assolutamente. Se provo a inserire lo script come lo hai indicato tu l’unica cosa che ottengo è che, non so perché, mi si modifica completamente il tipo di carattere dei testi degli articoli del sito. Ma del banner neanche l’ombra.

    Al momento ho tolto completamente lo script per ripristinare il carattere dei testi che uso da sempre. Ho aggiunto in fondo alle pagine una scritta permanente che rimanda alla pagina della cookie policy che ho nel frattempo creato, ma il banner non riesco a inserirlo. Potresti gentilmente dare un’occhiata? Ti ringrazio tantissimo.

    • Ciao Alex, per capire dov’è l’errore, dovrei vedere la pagina con lo script integrato… se vuoi, stasera dopo le 21 possiamo fare qualche test insieme

      • Ciao Teresa, scusa ma ieri la tua risposta mi è finita nella posta indesiderata e fino a stamattina non l’ho vista. Se puoi potremmo fare qualche prova questa sera… grazie.

          • In questo momento il sito è pubblicato, con il tuo codice inserito nell’html subito sotto la riga “body”. Ma, a parte cambiarmi completamente lo stile del carattere di scrittura, non appare nessun banner. Puoi dare un’occhiata? Grazie.

        • Ciao Alex, ho visto che hai messo il banner ed è funzionante…. ora devi solo personalizzarlo! 😉

          • Stavo solo facendo una prova… ma appena provo a “personalizzarlo”, scompare. E comunque non l’avevo inserito nell’html del sito, ma direttamente dentro la home page, per cui si vedeva solo nella home e non in tutte le altre pagine.

            In questo momento il sito è pubblicato, con il tuo codice inserito nell’html subito sotto la riga “body”. Ma, a parte cambiarmi completamente lo stile del carattere di scrittura, non appare nessun banner. Puoi dare un’occhiata? Grazie.

        • Ora non lo vedo più… ma non vedo neanche più lo script nel sorgente…

          • Non so cosa fare. Nell’html l’ho inserito il codice, seguendo la tua procedura, non ho idea del perché non venga visualizzato.

        • Ho guardato tutto il sorgente e dello script non c’è traccia!!

          • Non so che dirti purtroppo. Se io apro la pagina di gestione del sito, nell’html lo script c’è. Non ho idea del perché non lo carichi. Come ti ho scritto ho provato anche a inserirlo direttamente nella home page del sito, ma appena provo a personalizzarlo sparisce… e comunque così facendo si vedrebbe solo nella home, e non nelle altre pagine. Non so più cosa fare.

          • Ciao. Ho contattato il servizio clienti della società proprietaria del server sul quale il mio sito è ospitato (è una società americana), e se ho capito bene mi hanno risposto che non è proprio possibile inserire un banner nell’html.

            A questo punto, come soluzione alternativa, ho inserito una scritta fissa, visibile scorrendo qualsiasi pagina fino in fondo, con l’informativa breve e il link alla cookie policy, che ho personalizzato nel modo più dettagliato possibile. Non so se per il Garante questo possa essere sufficiente, ma più di così non so che fare. Secondo te può andare bene?

          • Scusa Alex, ma lo script di analytics, l’hai aggiunto tu al sito o ti è stato fornito dal gestore del tuo server? Le pagine del tuo sito le carichi tramite ftp oppure le modifichi direttamente online?
            La scritta potrebbe anche andare bene, ma devi metterla in cima alla pagina, perchè i visitatori devono essere informati dell’utilizzo dei cookie appena arrivano sul tuo sito per decidere se accettare l’uso dei cookie e quindi continuare a guardare il sito o meno…

  69. Vladimiro

    Grazie per le informazioni su come inserire il banner

    • Ciao Vladimiro, grazie a te di essere passato sul mio blog…

  70. Ciao, ho provato a seguire tutti i passaggi ma non riesco a capire se ci sono riuscita. Saresti così gentile da dare un’occhiata al mio blog? Grazie mille

    • Ciao Cristina, c’è un errore nell’esecuzione del codice sul tuo sito… nel copiare, hai omesso una riga. Te la riporto di seguito.

      Sul tuo sito hai:

      return cookieChoices;
      })(this);
      <script>//<![CDATA[

      devi correggere così:

      return cookieChoices;
      })(this);
      //]]></script>
      <script>//<![CDATA[

      Mi raccomando, non fare copia incolla da questo messaggio, perchè non funzionerebbe ma scrivi direttamente la riga mancante.

      • Non avevo chiuso lo script 🙁 Ho provato a scriverlo io senza fare copia e incolla ma non funge O.O

        • Ok, perfetto, ora c’è solo un problema di punteggiatura in questa riga

          document.addEventListener(‘DOMContentLoaded’, function(event) {
          cookieChoices.showCookieConsentBar(‘Questo sito utilizza i cookie per migliorare servizi e esperienza dei lettori.
          Se decidi di continuare la navigazione consideriamo che accetti il loro uso.’,

          sistema in questo modo:

          document.addEventListener(‘DOMContentLoaded’, function(event) {
          cookieChoices.showCookieConsentBar(‘Questo sito utilizza i cookie per migliorare servizi e esperienza dei lettori.’+
          ‘Se decidi di continuare la navigazione consideriamo che accetti il loro uso.’,

          e vedrai che funziona….

          • Provato ma niente da fare 🙁

        • Cristina hai scritto:

          lettori’.+

          anzichè

          lettori.’+

          Correggi e vedrai che funziona…
          prima ho testato la tua pagina in locale ed il banner compariva, dai che ci sei!!! 😀

          • Ce l’ho fatta! Grazie mille per l’aiuto, sei stata gentilissima *-*

  71. ciao teresa, per caso hai avuto modo di entrare nel mio blog di blogspot e capire se la barra che compare in automatico x i cookie è valida o se devo fare altro? grazie

    • Ciao chiara, ho visto il tuo blog e penso che tu essendo su blogger, non devi temere nulla… ricorda che blogger appartiene a google che è uno dei principali interessati a questa direttiva.
      Se provi a cliccare su “ulteriori informazioni” nel banner presente sul tuo sito, ti porta infatti sulle pagine della privacy di google. Io starei molto tranquilla quindi…

  72. Mi, sono proprio in alto mare allora. 🙂
    Avevo solo estratto il file zip, e incollato nel codice che hai riportato per il banner.
    Come si crea questa pagina, come un post normale? Posso copiartelo paro paro?
    Grazie per la (santa) Pazienza. 🙂
    E “Messaggio ai visitatori” e “maggiori informazioni” è necessario compilarlo?

    • Si certo!!! è li che devi mettere la scritta che il tuo sito fa uso dei cookie eccetera eccetera!!! Altrimenti il tuo banner visualizzerà ‘Messaggio ai visitatori”.
      ‘Maggiori informazioni’ potrebbe anche andare bene se ti piace… 😀

      • Ok, scusa. Allora ricapitolo. 🙂
        Creo un post (mi rifaccio a quanto hai scritto tu). Lo salvo o lo pubblico?
        Poi nella stringa html inserisco il codice choisecookiezip, messaggio, informazioni, e il link della pagina salvata.
        vado bene? 🙂
        Poi in modello blog, codice htlm, lo copio prima di body?

        • Sei su blogger giusto? Crea una pagina, non un post… poi in “modello” devi mettere lo script dell’articolo…

  73. Ciao Teresa, ottimo tutorial. Domanda da bestia ignorante: cosa dovrei sostituire precisamente a:
    ‘http://indirizzo_pagina_cookie_policy’);?
    Grazie mille.

    • Ciao Picasso, ti ringrazio…. come detto nell’articolo:
      Modificare ‘http://indirizzo_pagina_cookie_policy’ inserendo l’indirizzo della pagina dedicata alla cookie policy che avete creato in precedenza.

      Quindi crea una pagina dedicata alla cookie policy e l’indirizzo di questa pagina lo sostituisci a quello nello script. Così facendo, gli utenti quando cliccheranno su “Ulteriori informazioni” raggiungeranno la tua pagina Cookie Policy. 😉

  74. Antonella

    Ho appena inserito il banner sul mio blog!! 🙂 Ma grazie 1000!!! quello di blogger nn mi piaceva per nienteee!! 🙂

    Una domanda…ma se cambio tamplate queste impostazioni restano o devo rifarle di nuovo?! Grazieeee! 🙂

    • Si Antonella, se cambi template (modello), devi rifare tutto dall’inizio…. 😉

  75. kicca

    ciao!!!ti volevo ringraziare!finalmente sono riuscita a mettere il benedetto banner! sei stata l’unica ad essere così chiara e concreta. grazie infinite.

    • Ciao Kicca, Ti ringrazio per i complimenti e per essere passata sul mio blog! 😉

  76. chiara

    ciao! volevo chiederti una cosa riguardo icookie..io ho un blog fatto lo scorso anno..oggi appena saputo dei cookie son entrata a vedere e in alto mi è comparsa la barra “…utilizza i cookie…”. volevo chiederti, com’è possibile che ci sia se io non l’ho mai inserita? forse blogpsot l’ha messa in automatico? ovviamnete poi io ho cliccato nel tasto OK di modo che per i prossimi 12 mesi non la visualizzo più. come faccio a sapere che comunque questa barra sarà visibile a chi entra nel mio blog così che non rischio di incorrere in sanzioni? grazie!

    • Ciao Chiara, probabilmente ci ha pensato blogspot ad adeguare tutti i suoi blog… se vuoi fare qualche test, apri una nuova “finestra di navigazione in incognito” e prova a vedere se ricompare il banner…
      Qual’è il tuo sito ?

      • chiara

        ciao e grazie. il mio blog

        sensazionidistrada.blogspot.com

  77. Ciao Teresa, avrei bisogno di una mano. Ho un sito su Aruba e altri su altervista, li ho costruiti da me con Front page, e mi sono documentata sulla nuova legge sui i cokie ma non ho capito nulla. Sono una pensionata di 70 anni e se nonriesco dovrei chiuderli, è un hobby che ho da diversi anni e mi dispiacerebbe perderli.
    Grazie

    • Ciao Grazia, benvenuta sul mio blog… Ho letto un pò la tua storia… semplicemente stupenda, complimenti!
      Se ho visto bene, il tuo sito è un insieme di pagine html statiche, pertanto dovrai inserire lo script su ognuna di esse.
      Hai un profilo Google+ ? Magari vediamo insieme come fare….

      • Ciao Teresa, si ho un profilo Google, ma mi sembra di aver letto che il mio sito ha cookie tecnici devo inserire lo stesso lo script? Non ci capisco un’acca.

  78. Grazie ancora una volta Teresa per la tua gentilezza, cortesia e disponibilità!

    • Grazie mille! Troppo gentile… 🙂

  79. Grazie infinite! 🙂

  80. Ciao Teresa, complimenti per il tuo blog ed i suggerimenti. ho anche io le stesse domande di Paolo da porti. Come faccio ad essere sicura che prendendo spunto dai vari testi che trovo in rete di aver “coperto” a pieno e tutelato il tutto?
    Grazie mille, Alloro

    • Le prescrizioni del Garante in materia di cookie le trovi a questo indirizzo: http://www.garanteprivacy.it/cookie

  81. Ciao Teresa fatto come hai detto ora è tutto…funziona! Grazie mille!
    Vorrei però sapere alcune info: per le affiliazioni come Amazon e tutti i banner che ho inserito nel blog come si procede? Bisogna aggiungere qualcosa in merito sulla pagina Cookie Policy? E per i pulsanti social?
    Spero di avere espresso bene il concetto e ancora grazie!
    Paolo

    • Ciao Paolo, le prescrizioni del garante della privacy servono semplicemente a far sapere alle persone che navigano su di un sito se il sito raccoglie info tramite cookie, se lo fa solo per se e se lo fa anche per altri (terze parti). L’elenco “delle terze parti” dovrebbe servire per dare all’utente la possibilità di collegarsi al loro sito e dare o meno il consenso. Per capirci prova a guardare la pagina http://www.mondadori.it/Extra/Cookie-Policy

  82. Ciao, Teresa volevo farti i complimenti per il tuo blog e sopratutto questo post che è utilissimo, questa cosa dei cookie, mi manda in crisi XD
    Allora io ho un blog creato con blogspot, quindi sono andata su modifica Html, poi sotto la stringa <body ecc.. ho inserito quel codice lungo

    //

    Poi salvo ma non succede nulla perchè sicuramente sto saltando qualcosa…
    Ma avendo blogspot non posso scaricare cookiechoices.zip giusto?
    E da qui non so più cosa fare…
    Grazie mille per l’attenzione
    Roby

    • Ciao Roberta, ho visto che hai caricato correttamente lo script sul sito. Hai dimenticato però di copiare la parte per la visualizzazione del banner. E’ il secondo listato presente nell’articolo partendo dall’altro. Te lo riporto qui per semplicità, ma ricopialo da li altrimenti non ti funziona

      <script>//<![CDATA[
      document.addEventListener(‘DOMContentLoaded’, function(event) {
      cookieChoices.showCookieConsentBar(‘Il tuo messaggio per i visitarori.’,
      ‘Chiudi’, ‘Maggiori Informazioni’,
      ‘http://indirizzo_pagina_cookie_policy’);
      });
      //]]></script>

      come vedi, devi omettere la riga
      <script src=”/cookiechoices.js”></script>

  83. silvia

    ultima domanda…come faccio a sapere il codice del mio blog di Privacy/Policy ?

    • se intendi come fai a sapere l’indirizzo della tua pagina Privacy/Policy, devi ovviamente creare una pagina dove mettere l’informativa (puoi prendere spunto dalla mia, trovi il link nel footer:”Cookie Policy”) e a quel punto avrai l’indirizzo da inserire nello script al posto di “ttp://indirizzo_pagina_cookie_policy”

  84. silvia

    lo devo inserire prima o dopo questa parola <body ?

    • devi copiarlo subito dopo la parola <body>

      • silvia

        ok vediamo cosa riesco a combinare,sono esaurita

  85. silvia

    ciao scusa se ti disturbo ma sto diventando pazza per regolarizzare i miei blog,questo è il mio blog http://bellezzasaluteblog.blogspot.it/ , potresti darmi una mano. grazie

    • Ciao Silvia, qual’è il tuo problema? Se ora sei online, proviamo a risolverlo in tempo reale 😉

      • silvia

        si eccomi,non so come fare regolarizzare il mio blog per via dei cookie

        • devi semplicemente creare una pagina dove descrivi l’uso che fai dei cookie e mettere il banner per avvisare che il tuo sito usa il cookie.
          E’ tutto scritto in questo articolo ed in altri due i cui link li trovi sempre all’interno di questo articolo…

          • silvia

            ok,posso prendere spunto dal tuo? e come faccio per far spuntare la barra in cui si dice che il mio blog usa i cookie non so farlo

        • Non sono molto pratica di blogspot, ma se non erro bisogna fare in questo modo:

          Vai sul tuo blog, nella barra in alto clicca su design e poi al centro della pagina, sotto il riquadro “Live su Blog” clicca su “modifica html”

          da questo punto in poi puoi inserire il codice che è indicato nell’articolo

  86. Ciao Teresa, ti seguo sempre e devo dire che sei il mio mito.Ho seguito passo a passo il percorso per mettere il banner per la privacy a fondo pagina.Purtroppo sono a livello amatoriale e ho le mie difficolta’! 🙁 Io uso un programma, websitex5,ho messo lo script nel body e il coockie choice sul server…ma non si vede.Dove sbaglio?Aiutami a capire ti prego,il 2 giugno comincia la mattanza sulla privacy!
    Ciao e grazie

    • Ciao Gabriele, ti ringrazio e ti do il benvenuto….
      Ho visto il tuo sito, e mi sembra che il banner funzioni correttamente. Cos’è che no va??

      • Ciao Teresa, ringraziandoti ancora per avermi dato la dritta per fare questa cosa del banner per la privacy che non sapevo proprio come partire, ti chiedo,come faccio a rendere il banner piu’ largo,come il tuo?E poi perche’ se aggiungo nel banner un testo piu’ lungo mi sparisce?Grazie mille, sei davvero in missione per conto di Dio.Hahaha.Buonanotte

        • Oh…mammamia, che esagerato!!! Per così poco…
          Comunque, per fare quello che dici, apri il file /cookiechoices.js
          Trova la riga:
          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;’;

          ora, elimina width:100% e aumenta il padding da 4px a 20px.
          Eliminando width:100% se il testo è più largo ti va accapo e variando il padding, modifichi la grandezza del banner…

          • Ciao Teresa,grazie della celerissima risposta.Devo cancellare anche la scritta with o solo il 100%.Una volta modificato il file /cookiechoices lo devo formattare in qualche modo o va’ bene così?Questo perche’ ci ho provato e non ci sono riuscito

        • Si Gabriele, devi eliminare anche la scritta width… ho dato uno sguardo al tuo sito ed ho notato che hai il menù che copre il banner!!! Per sistemare, modifica sempre nella stessa riga il valore di z-index da 1000 a 10000.

          • Teresa per me sei un angelo.Penso di aver risolto,ti ringrazio ancora e ancora,non so’ come fai a fare la mamma,lavorare e aiutare chiunque te lo chiedo.Se ti candidi ti voto. 🙂 Inesauribile.Ciao e grazie mille

          • Gabriele, sei troppo buono… se un giorno deciderò di candidarmi te lo faccio sapere… dovrai aiutarmi per la campagna elettorale!!!! 😀

  87. Salve,
    complimenti per l’articolo e per la tua dedizione verso il prossimo, sei quello che i guru dicono sempre…”dare contenuti di valore”!!!
    Arrivo al dunque, ho un problema, non so come creare la pagina Policy con Blogger da sostituire all’indirizzo ‘http://indirizzo_pagina_cookie_policy’, potresti darmi un consiglio su come crearla?
    Grazie

    • Grazie mille Paolo!!!
      In che senso non sai come creare la pagina policy??
      Devi creare semplicemente una nuova pagina come ho visto che hai fatto per le altre pagine del tuo blog e mettere il suo indirizzo nello script!!
      Se intendi invece cosa scrivere nella pagina, puoi prendere spunto dalla mia eliminando nel caso i servizi che non utilizzi!

      • Ok proverò, grazie per i consigli e la tempestiva risposta! A presto e buona serata!
        Paolo

  88. stefano

    se volessi indicizzare il mio sito e farlo arrivare in 1° pagina di google con la parola chiave del nome del dominio si può FARE?

    • Scusa, Stefano, mi ero persa questo messaggio!!! I consigli che posso darti, sono sempre i soliti che troveresti negli altri siti…. Analizzando il tuo sito, ti posso dire che a livello di keyword consistency sei messo abbastanza bene ma il numero di pagine indicizzate dai motori di ricerca è troppo basso. Ora, o il tuo sito ha effettivamente 3 pagine e quindi devi impegnarti ad aumentarle oppure i motori di ricerca non riescono a raggiungere tutte le pagine del sito. Crea quindi una sitemap XML da sottoporre ai motori di ricerca, e impegnati a costruire una rete di backlinks anche per le pagine interne.
      Altra cosa importante, aumenta la tua presenza sui social, soprattutto su G+ creando una pagina dedicata e agganciala al tuo sito con link rel=”publisher”….

      Queste sono solo alcune delle cose da fare, poi per le parole che hai nel nome del tuo dominio, penso sia guerra aperta!!!! 😉 Non ti resta che impegnarti al massimo e prendere come vittorie anche piccoli miglioramenti di posizione nella serp.
      In bocca al lupo 😀

  89. stefano

    Ciao Teresa, ma per hobby fai anche seo?

    • Si certo… ovviamente con l’aiuto di mio marito che è molto esperto.. 😉

  90. Ciao Teresa!
    ho bisogno del tuo prezioso aiuto! PLEASEEEEEE
    riesci a mandarmi una e-mail oppure un tweet?
    devo farti vedere l’errore che mi da
    ti prego sono NEL PANICO! T.T
    grazie mille

    roby

    • O mammamia, che potrebbe mai essere successo!!!! dimmi pure 😛

      • ho fatto tutto come da tua guida pero mi da subito questo errore:
        Impossibile caricare l’anteprima del modello: Errore di analisi XML, riga 660, colonna 14: Open quote is expected for attribute “{1}” associated with an element type “type”.
        e la riga660 è questa (quella che inizia con < script….

        (function(window) {

        if (!!window.cookieChoices) {
        return window.cookieChoices;
        }

        • copia e incolla lo script subito dopo
          body class=’loading’>

          • precisamente dove?
            questo è il modello

            //<![CDATA[
            (function(d, s, id) {

            gia so che non ce la farò mai! T.T
            troppo sfigato!

          • eccolo scusa per prima

          • teresa prova ad incollarlo ma quando lo invio nel tuo commento non si vede 🙁
            come posso farti vedere il pezzo di modello? 🙁

          • ok, fammi sapere quando hai inserito il codice, così do una occhiata al sito…

          • forse forse forse ce l’ho fatta *_*
            puoi verificare?
            Speriamo bene!!!!
            fammi sapere 😀

        • Bravissimo, ce l’hai fatta!!! FUNZIONA!!! 😀

          • Roberto

            Grazie Teresa!!!!!!
            Mi hai davvero Salvato!!!!!!
            Sono felicissimo! Grazie davvero!!!
            Un abbraccio e complimenti per la guida PERFETTA!!

  91. ti ringrazio intanto per queste dritte, favolose!!!!
    Solo una cosa, inserendo il banner su blogspot non riesco a metterlo in basso come lo hai messo tu ma mi rimane in alto….
    come posso fare? Infine, il che modo posso mettere il riquadro verde attorno ad OK come sul tuo?
    Scusa per la rottura e grazie mille
    Greta.

    • Ciao Greta, benvenuta sul mio blog. Per posizionare in basso il banner, basta modificare nel file css lo stile relativo a #cookieChoiceInfo sostituendo top:0 con bottom:0
      per il tasto ok invece sempre nel file style.css devi modificare #cookieChoiceDismiss in questo modo:
      #cookieChoiceDismiss {
      background-color: #0A0;
      color: #FFF;
      text-decoration: none;
      font-weight: 600;
      font-size: .9em;
      padding: 3px 10px;
      border-radius: .5em;
      }

      • Grazie mile per la risposta teresa…mi sento però un po’ imbrattata…non trovo né #cookieChoiceInfo né #cookieChoiceDismiss
        forse per non sto usando la prima versione ma la seconda che hai dato?
        come posso fare? scusa e ancora grazie!!

        • scusa Greta, ma è sul sito http://www.thecihc.com/ che hai inserito il banner, perchè io non lo vedo!!!

          • si si sto cercando di lavoraci li, ma non l’ho ancora messo on line (sto lavorando solo in anteprima dal modello) per poi metterlo on line quando sarà giusto…

            Sto usando il codice che inserito dopo questa frase:

            Per chi usa blogspot, o non può caricare il file sul server, sostituire la riga

        • Perfetto, probabilmente non hai ancora modificato il file style.css come ho descritto nell’articolo successivo a questo… che trovi qui:
          http://www.mammachebrava.com/personalizzare-banner-per-consenso-alluso-dei-cookie/
          probabilmente è per questo che non trovi i selettori che ti dicevo prima!

  92. stefano

    GRANDEEEE…tutto a posto,
    scusa la domanda, ma che lavoro fai?
    questo è solo un hobby o altro?

    • Sono una psicomotricista 😀 il blog è solo un hobby…

  93. Io non riesco a cavarne piede…ti prego aiuuuutamiiiiiii 🙁

    • ciao Giovanna, benvenuta… ho visto che hai giá il banner, quindi alla fine ci sei riuscita?

      • No… Non riesco perché cliccando su info non rimanda alla mia pagina informativa

        • Ma non stai utilizzando lo script che ho suggerito?? Comunque, devi sostituire
          https://www.blogger.com/go/blogspot-cookies
          con
          http://misslongnailsmakeup.blogspot.it/2015/05/politica-dei-cookie-di-questo-sito-in.html

  94. stefano

    Sono andato in palla…..ho rimesso tutto come prima ( da ora ) se vuoi darci un’ occhiata adesso e poi mi dici cosa devo fare….sono in tilt 🙁

    • Facciamo in questo modo e tagliamo la testa al toro 😉 ho fatto qualche prova e sembra funzionare…. apri il file cookiechoices.js
      alla riga num 34 trovi questa istruzione:
      var butterBarStyles = ‘position:fixed;width:100%;background-color:#eee;’ +
      ‘margin:0; left:0; top:0;padding:4px;z-index:1000;text-align:center;’;

      modificala con

      var butterBarStyles = ‘position:fixed;width:100%;background-color:#eee;’ +
      ‘margin:0; left:0; bottom:0;padding:4px;z-index:1000;text-align:center;’;

      salva e tutto dovrebbe andare a posto!!!

  95. stefano

    Scusa l’ ignoranza Teresaa ma dove dovrei inserire la stringa che mi hai scritto, nel file css style?

    • la riga che ti ho scritto, è quella hai già aggiunto subito dopo lo script di google analytics e prima della scritta “Usiamo i cookie per migliorare la vostra navigazione. Continuando a navigare nel sito si accetta la nostra politica cookie.”
      Non nel file css ma nel file html o php. devi solo sostituire top:0 con bottom:0
      Se usi un CMS probabilmente l’hai inserita file header….

  96. Buongiorno Teresa, ho seuito le tue istruzioni e sono riuscito ad inserire il banner, solo una cosa, viene fuori in alto, come posso fare per farlo venire fuori in basso come nel tuo blog?
    Grazie

    • Ciao Stefano, per posizionare il banner in basso, devi modificare il foglio stile (style.css) in questo modo
      #cookieChoiceInfo {
      position: fixed;
      width: 100%;
      margin: 0px;
      left: 0px;
      bottom: 0px;
      z-index: 1000;
      text-align: center;
      }

      • stefano

        non funziona,rimane in alto,e mi sfuoca la pagina, devo cliccare sul tasto chiudi per vederla normalmente

        • Ciao Stefano, ho visto che non hai usato il file css esterno, ma hai inserito lo stile direttamente nel div. In questo caso, devi quindi solo sostituire top:0 con bottom:0 in questo modo:

          div id=”cookieChoiceInfo” style=”position: fixed; width: 100%; margin: 0px; left: 0px; bottom: 0px; padding: 4px; z-index: 1000; text-align: center; background-color: rgb(238, 238, 238);”

  97. Ciao, mi chiamo Alessandra e ho letto il tuo articolo relativo al banner per il consenso dei cookie; l’articolo è fatto davvero bene ma non sono riuscita a inserirlo correttamente nel mio blog che è su piattaforma Blogspot. Mi da lo stesso errore che aveva Elena: The entity name must immediately follow the ‘&’ in the entity reference.” si riferisce alla stringa “if (!!linkText && !!linkHref) e non ho capito come metterlo a posto. Ho provato a copiare anche lo script che hai inserito più sopra, ma mi da sempre un messaggio di errore. Mi potresti aiutare per favore? Grazie mille, ciao Alessandra

    • Ciao Alessandra, ho dato uno sguardo al codice della tua pagina… ed ho fatto qualche prova. A quanto pare sembra che hai risolto con l’errore del &&, ti manca solo di inserire dopo il tag il codice per far comparire il banner. Praticamente è quello che trovi nel secondo riquadro. Devi riportarlo senza la riga script src=”/cookiechoices.js”> /script>
      quindi partendo da…

      script>// ![CDATA[
      document.addEventListener(‘DOMContentLoaded’, function(event) {

      …fino alla fine

      fammi sapere… nel caso possiamo risolvere in chat con g+

      • Ciao Teresa, grazie mille per il pronto intervento. Non riesco a salvare le modifiche sul blog, mi da sempre un messaggio di errore, così mi sono fermata. Non riesco ad inserire le righe che mi hai scritto, non le salva. Se non ti crea dei problemi ci possiamo sentire via g+? grazie mille ancora

  98. Ciao, sono ancora io, purtroppp, hahha, forse ho risolto, ho trovato in rete un altro articolo e ho provato a seguire quello e penso di esserci riuscito, grazie mille comunque, a presto e buon lavoro con il blog

  99. Cavolo non funziona, ho provato a fare quello che hai detto , e ho tolto il reindirizzamento, ho messo al posto di : ‘URL Pagina Politica Privacy’ , l’url: ‘http://appmoon.blogspot.it/p/cookies-policy.html’…ma non funziona, quando clicco su +info dice che la pagina non esiste, e per di più non funziona nemmeno il messaggio che ho inserito , continua a mostrare questo: Questo sito utilizza i cookie per migliorare servizi e esperienza dei lettori. Se decidi di continuare la navigazione consideriamo che accetti il loro uso….
    ma io ho voluto fare la prova ed ho inserito questo: Questo sito web utilizza i cookie per migliorare la navigazione. Utilizzando il sito si intende accettata la Cookie Policy..ma purtroppo non funziona nemmeno questo…e non so il perchè…please help me..

  100. Penso di aver risolto facendo un reindirizzamento permanente,ma non sono sicuro che si possa fare questo, da quella pagina che diceva non esistesse ora quando clicco +Info mi manda alla pagina cookie policy giusta

    • Comunque, se si riesce ad evitare il reindirizzamento e mettere a posto la barra, saresti davvero grande

      • Guarda niko, ho dato uno sguardo al codice della tua pagina ed ho notato che hai modificato la riga dello script inserendo ‘URL Pagina Politica Privacy’ come ultimo parametro della funzione cookieChoices.showCookieConsentBar anzichè l’indirizzo della pagina da visualizzare. Quindi sostituisci ‘URL Pagina Politica Privacy’ con ‘http://appmoon.blogspot.it/p/cookies-policy.html’ e vedrai che funzionerà correttamente.

  101. Grazie, grazie, grazie e ancora grazie mille, davvero, ero confuso su questi banner e cookies o cose varie, non che ora abbia le idee più chiare, se non altro ora ho il banner , grazie mille

    • Ma figurati…grazie a te per avermi lasciato il messaggio. Lo scopo di questi articoli era proprio condividere la mia esperienza ed aiutare gli altri blogger.
      Ciao
      A presto.

      • Ciao, sono ancora io, scusa, ma ho un problema con la barra dei cookie, ho fatto tutto ma quando apro il mio blog e clicco su +INFO mi mada qui : http://appmoon.blogspot.it/URL%20Pagina%20Politica%20Privacy e dice che la pagina non esiste, ma io ho impostato come pagina per la politica dei cookie questa pagina: http://appmoon.blogspot.it/p/cookies-policy.html , l’ho messa nel codice <<<
        //

        è esattamente così, non so il perchè

  102. Elena

    Ciao!!
    Si certo ho fatto tutto secondo le indicazioni ma..niente!! Ora riprovoo da capo!!

    • Ciao Elena, ho dato uno sguardo al codice della tua pagina, il procedimento che hai seguito è giusto, tranne che hai copiato il codice che ho inserito nel messaggio e non quello inserito nell’articolo… purtroppo nel messaggio le virgolette singole non vengono riportate in modo corretto. Copia quindi lo stesso codice ma prendendolo dall’articolo. Dai che ci sei quasi!!!

  103. elena

    niente da fare non mi compare il banner con il messaggio! ci riproverò domani con calma!! grazie per tutto il tuo prezioso aiuto! Sei dolcissima davvero, ci leggiamo qui, sui blog e su twitter 😛 un abbraccione elena

    • Ma hai inserito anche lo script del banner dopo la parte che sostituisce il file js ??
      <script>//<![CDATA[
      document.addEventListener(‘DOMContentLoaded’, function(event) {
      cookieChoices.showCookieConsentBar(‘Il tuo messaggio per i visitarori.’,
      ‘Chiudi’, ‘Maggiori Informazioni’,
      ‘http://indirizzo_pagina_cookie_policy’);
      });
      //]]></script>

      Ok, fammi sapere… mi ha fatto piacere conoscerti, buona serata…

  104. Elena

    Ahahah oddio guarda che ti ho fatto fare!!! Tutta la sera attaccata al pc per me!!! Grazie comunque ora riprovo!! Uff che imbranata!!!

  105. risolto con le doppie virgolette 🙂 ma ora mi dice che c’è un altro problema: mi dice “The entity name must immediately follow the ‘&’ in the entity reference.” si riferisce alla stringa “if (!!linkText && !!linkHref)
    scusami davvero..! 🙂

    • Allora, ho aggiornato l’articolo con il codice corretto (l’ho provato anche :D) da inserire al posto del file. Copia quello e inseriscilo al posto del contenuto del file … non devi mica scusarti, ho scritto quest’articolo per aiutare gli altri blogger e mi stai aiutando a completarlo!

  106. si scusami, bisogna inserire type=”text/javascript” con doppie virgolette se ti da ancora errore scrivi solo <script>

  107. allora..faccio tutto per filo e per segno, arrivo a “salva modello” e mi dice che c’è un errore nella prima riga che abbiamo inserito, a quanto pare non gli piace il simbolo vicino a “type” 🙂 dici che riusciamo a risolvere anche questa???

  108. ok ahahah grazie mille da qui in poi ce la dovrei fare!! 🙂 grazissime

  109. ook tutto perfetto..fino al punto 6!! (perdonami l’ignoranza abissale in materia!) una volta che estraggo i file dal formato zip me ne escono 2: una licenza e un file che il computer non riconosce (l’icona è una specie di pergamena). Come faccio a far uscire qualcosa di simile ad un testo? 🙂

    • ok, devi aprire il file col nome cookiechoiches.js cliccando con il tasto destro e scegliendo “apri con…” e quindi notepad

    • cioè “apri con…” nella finestra successiva clicchi su altre applicazioni (freccettina verso il basso) e scegli blocco note

  110. *<body expr:class..ecc

    • perfetto, sotto quella riga va benissimo

  111. ecco, già mi sorge un dubbio 😛 devo cercare la stringa “<body" giusto? ma senza espandere i widget (le freccettine nere) mi trova solo questa stringa
    cosa faccio? scusa ancora per il disturbo (ora di cena tra l’altro!!)

  112. Scusami tanto per gli errori ortografici nel commento precedente ( oddio che figura!!) ma ero di fretta e scrivere con l’ipad ogni tanto mi fa questo effetto!! Scuuuuusa!! Ancora grazie per l’aiuto, mi sto adoperando ora!!:)

    • Figurati, anche a me capita quando uso l’ipad…. in bocca al lupo e se hai problemi, non esitare a scrivermi.

  113. Ciao Elena, grazie dei complimenti! allora, vediamo come risolvere il tuo problema…
    Prima di tutto, utilizzando blogspot, non puoi caricare il file cookiechoices.js sul server, quindi ti consiglio di fare in questo modo:
    1. vai nel pannello di controllo del tuo blog
    2. clicca su modello
    3. nel riquadro Live su Blog clicca su ‘Modifica HTML’
    4. cerca la stringa “<body” (quindi senza il simbolo di maggiore “>”)
    5. scrivi nel rigo immediatamente successivo <script type=’text/javascript’>
    5. scarica il file cookiechoices.zip e decomprimilo
    6 .apri il file cookiechoiches.js col notepad e NON CON IL DOPPIO CLICK!!
    7. copia tutto il testo partendo da (function(window) { fino a })(this);
    8. incollalo sul tuo blog sotto il testo “<script type=’text/javascript’>” scritto in precedenza
    9. ora vai alla fine del testo copiato e scrivi </script>
    10. A questo punto, puoi aggiungere lo script riportato in questo articolo saltando la riga <script src=”/cookiechoices.js”></script>
    11. Dovrebbe bastare, penso ti sia già venuto il mal di testa!!!!! 😀

    Fammi sapere se ha funzionato….

    • Ahaa un po si mi è venuto il mal di testa, ma ora mi metto con calma e tento di seguire le istruzioni!!! Sei stata utilissima!!!!! Non so come ringraziarti davvero

  114. Ciaoooo che bel blog, molto molto utile! a proposito..ho cercato di mettere il banner per l’accettazione dei cookies anche sul mio blog, ma, nonostrante abbia seguito alla lettera le istruzioni, non ci sono riuscita! non ci sono per nulla riuscita!!!! Secondo me ho dei problemi ad interfacciarmi con l’impostazione della pagina di blogger dedicata alla modifica del codice del template. uff!! Non trovo mai la stringa che corrisponde a quella da modificare e non so mai se è quella giusta (utilizzo la ricerca veloce con ctrl+f ma non trovo!!ad esempio la stringa non me la trova, al massimo ho ..) dici che il problema potrebe essere quello! ahah scusa se ti ho scritto un poema di commento!!! attendo una tua cortese risposta! un abbraccio ELena

Cosa ne pensi? Scrivi un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *
Nome* Email* Sito Web

altri articoli

Ultimi Commenti



 
Stikets
 
TicketClub