Pubblicato il 29/05/15e aggiornato il

Installare Banner e Schermata Iniziale per consenso ai cookie diversi per mobile e per desktop.

Come visualizzare Schermata Iniziale o Barra di Notifica diverse nella versione mobile e nella versione desktop oppure una il alto e l'altra in basso.
Aggiornamento: A seguito di script e modifiche dello stesso operate da Google per i siti su piattaforma Blogger vanno seguite le indicazioni di questo post più recente:

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

A partire dal 2 Giugno diventerà operativa la disposizione del Garante della Privacy che obbliga gli webmaster ad ottenere il consenso preventivo per i cookie da parte dei lettori dei loro siti. Quindi mancano ancora pochi giorni per mettersi in regola con questa direttiva della Comunità Europea.

Per gli utenti di Blogger ma in definitiva anche per quelli delle altre piattaforme sono disponibili due opzioni vale a dire la Schermata Iniziale e la Barra di Notifica. L'accettazione esplicita dei cookie da parte dei navigatori deve essere mostrata sia nella versione desktop sia in quella per dispositivi mobili. E qui cominciano le problematiche che poi non sono neppure troppo complicate. 

In sostanza a seconda del Modello o del Tema del nostro sito potremmo ritenere migliore la Schermata Iniziale per il mobile ma non per il desktop o viceversa. O ancora si potrebbe ritenere opportuno inserire una informativa su desktop piuttosto analitica ma che però su mobile potrebbe rivelarsi troppo lunga e nascondere tutto il layout. Ma non finisce qui. Su desktop si potrebbe preferire una barra di notifica in alto mentre su mobile si potrebbe ritenere migliore una barra di notifica in basso e mi fermo qui con le ipotesi.


COME MONITORARE L'ASPETTO DEL SITO SU MOBILE


Innanzitutto gli utenti di Blogger è bene che controllino come si visualizza il loro sito con la maggior parte dei dispositivi sia desktop sia mobili. Ricordo che per far questo dobbiamo aggiungere la stringa ?m=1 all'URL della Homepage o di un post o di una pagina statica. Nessuno di noi possiede tutti gli smartphone e i tablet disponibili sul mercato dobbiamo quindi usare un tool per verificare quale sia l'aspetto del sito con la maggior parte di essi. Dopo aver aggiunto all'URL la stringa qui sopra si accede a Screenfly con una scheda di Navigazione Anonima o In Incognito e si incolla l'URL così modificato. Si clicca su Go e si scelgono i dispositivi che ci interessano

Si può monitorare anche l'aspetto del sito con varie risoluzioni desktop. In questo contesto ci interessa vedere come si visualizza il banner o la schermata per accettazione dei cookie.

COME INSERIRE BANNER E SCHERMATE DIVERSE SU MOBILE E DESKTOP


Si può quindi decidere di visualizzare una Barra di Notifica o una Schermata Iniziale diverse da desktop e mobile. Il codice generico da usare è il seguente:

<b:if cond='data:blog.isMobile'>
Codice di Schermata o Banner da visualizzare da Mobile
</b:if>
<b:if cond='data:blog.isMobile == "false"'>
Codice di Schermata o Banner da visualizzare da Desktop
</b:if>

oppure quest'altro che è più elegante

<b:if cond='data:blog.isMobile'>
Codice di Schermata o Banner da visualizzare da Mobile
<b:else/>
Codice di Schermata o Banner da visualizzare da Desktop
</b:if>

dove si devono ovviamente incollare i codici delle soluzioni preferite. A titolo di esempio passo a incollare il codice necessario per mostrare una Barra di Notifica in stile dark con tre link da visualizzare nella parte alta della pagina per la versione Desktop e una Barra di Notifica con due link da visualizzare in basso per la versione Mobile.

<b:if cond='data:blog.isMobile'>
 <!-- Codice per accettazione cookie Mobile - Inizio -->
<style>
/* CSS Accettazione Cookie */
div#cookieChoiceInfo {
background-color: #1fe0c9 !important;
color:#f72c1d;
min-height: 20px;
font-weight:bold;
font-size:14px;
font-family: Georgia;
}
#cookieChoiceInfo &gt; a:nth-child(2),a#cookieChoiceDismiss {
color: #eee;
background:linear-gradient(to bottom, #fedede 4%, #e50909 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#fedede&#39;, endColorstr=&#39;#e50909&#39;,GradientType=0);
box-shadow: 2px 2px 2px  #aaa;
text-shadow:1px 1px 1px #ccc;
text-align:center;
padding:3px 12px;
text-decoration:none;
border-radius:8px;
font-family:Georgia;
font-size:14px;
font-weight:bold;
}
#cookieChoiceInfo &gt; a:nth-child(2):hover, a#cookieChoiceDismiss:hover {
color:#fff;
box-shadow: 1px 1px 1px  #aaa;
text-shadow:0px 0px 0px #ccc;
text-decoration:none;
position: relative;
top:1px;
left:1px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
(function(window) {
  if (!!window.cookieChoices) {
    return window.cookieChoices;
  }
  var document = window.document;
  var supportsTextContent = 'textContent' in document.body;
  var cookieChoices = (function() {
    var cookieName = 'displayCookieConsent';
    var cookieConsentId = 'cookieChoiceInfo';
    var dismissLinkId = 'cookieChoiceDismiss';
    function _createHeaderElement(cookieText, dismissText, linkText, linkHref) {
      var butterBarStyles = 'position:fixed;width:100%;background-color:#eee;' +
          'margin:0; left:0; bottom: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;' +
          'bottom: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 = 'center';
      dismissLink.style.marginTop = '8px';
      content.appendChild(_createConsentText(cookieText));
      if (!!linkText && !!linkHref) {
        content.appendChild(_createInformationLink(linkText, linkHref));
      }
      content.appendChild(dismissLink);
      dialog.appendChild(content);
      cookieConsentElement.appendChild(glassPanel);
      cookieConsentElement.appendChild(dialog);
      return cookieConsentElement;
    }
    function _setElementText(element, text) {
      if (supportsTextContent) {
        element.textContent = text;
      } else {
        element.innerText = text;
      }
    }
    function _createConsentText(cookieText) {
      var consentText = document.createElement('span');
      _setElementText(consentText, cookieText);
      return consentText;
    }
    function _createDismissLink(dismissText) {
      var dismissLink = document.createElement('a');
      _setElementText(dismissLink, dismissText);
      dismissLink.id = dismissLinkId;
      dismissLink.href = '#';
      dismissLink.style.marginLeft = '24px';
      return dismissLink;
    }
    function _createInformationLink(linkText, linkHref) {
      var infoLink = document.createElement('a');
      _setElementText(infoLink, linkText);
      infoLink.href = linkHref;
      infoLink.target = '_blank';
      infoLink.style.marginLeft = '8px';
      return infoLink;
    }
    function _dismissLinkClick() {
      _saveUserPreference();
      _removeCookieConsent();
      return false;
    }
    function _showCookieConsent(cookieText, dismissText, linkText, linkHref, isDialog) {
      if (_shouldDisplayConsent()) {
        _removeCookieConsent();
        var consentElement = (isDialog) ?
            _createDialogElement(cookieText, dismissText, linkText, linkHref) :
            _createHeaderElement(cookieText, dismissText, linkText, linkHref);
        var fragment = document.createDocumentFragment();
        fragment.appendChild(consentElement);
        document.body.appendChild(fragment.cloneNode(true));
        document.getElementById(dismissLinkId).onclick = _dismissLinkClick;
      }
    }
    function showCookieConsentBar(cookieText, dismissText, linkText, linkHref) {
      _showCookieConsent(cookieText, dismissText, linkText, linkHref, false);
    }
    function showCookieConsentDialog(cookieText, dismissText, linkText, linkHref) {
      _showCookieConsent(cookieText, dismissText, linkText, linkHref, true);
    }
    function _removeCookieConsent() {
      var cookieChoiceElement = document.getElementById(cookieConsentId);
      if (cookieChoiceElement != null) {
        cookieChoiceElement.parentNode.removeChild(cookieChoiceElement);
      }
    }
    function _saveUserPreference() {
// Durata del cookie di un anno
      var expiryDate = new Date();
      expiryDate.setFullYear(expiryDate.getFullYear() + 1);
      document.cookie = cookieName + '=y; expires=' + expiryDate.toGMTString();
    }
    function _shouldDisplayConsent() {
      // Per mostrare il banner solo in mancanza del cookie
      return !document.cookie.match(new RegExp(cookieName + '=([^;]+)'));
    }
    var exports = {};
    exports.showCookieConsentBar = showCookieConsentBar;
    exports.showCookieConsentDialog = showCookieConsentDialog;
    return exports;
  })();
  window.cookieChoices = cookieChoices;
  return cookieChoices;
})(this);
document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('Questo sito utilizza i cookie di profilazione di terze parti. Se continui la navigazione consideriamo che accetti il loro uso.',
        'OK', '+Info', 'http://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html');
  });
//]]>
</script>
<!-- Codice per accettazione cookie Mobile - Fine -->
<b:else/>
<!-- Accettazione Cookie con Barra per Desktop - Inizio -->
<div id='banner_cookie'>
Questo sito utilizza cookie per funzionalità proprie e per inviarti pubblicità in linea con le tue preferenze.<br/>
Se continui nella navigazione o clicchi su un elemento della pagina accetti il loro utilizzo. <a href='javascript:void(0);' onclick='var expiration = new Date(); expiration.setTime(expiration.getTime() + (60000*60*24*365)); setCookie(&apos;info_cookie&apos;,&apos;1&apos;,expiration,&apos;/&apos;);document.getElementById(&apos;banner_cookie&apos;).style.display=&apos;none&apos;;'><b>OK. Accetto i cookie</b></a> <br/> Se vuoi saperne di più o negare il consenso leggi questa <a href='http://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html' target='_blank'>Informativa estesa</a> sui cookie <br/> Puoi anche <a href='http://www.ideepercomputeredinternet.com/2012/10/cookie-browser-chrome-firefox-ie-eliminare.html' target='_blank'>eliminare i cookie</a> già presenti nel tuo browser.
</div>
<!-- Stile del Banner -->
 <style>
#banner_cookie {
display: none;
z-index: 99999;
position:fixed;
left:0px;
right:0px;
top:0px;width:100%;
min-height:80px;
padding:5px;
background: #000; /* Colore di sfondo */
color:#F2F97F;  /* Colore del testo */
line-height:20px;  /* Interlinea */
font-family:Georgia; /* Famiglia di font */
font-weight:bold;
font-size:13px; /* Dimensione font */
text-align:center;
}
#banner_cookie a:nth-child(2),#banner_cookie a:nth-child(3),#banner_cookie a:nth-child(4), #banner_cookie a:nth-child(6) {
padding:2px;
background:#f72c1d; /* Colore sfondo bottoni */
border-radius:4px;   /* Arrotondamento */
 text-decoration:none;
}
#banner_cookie a {
color: #1FE0C9; /* Colore testo bottoni */
font-weight:bold;  /* Grassetto */
text-decoration: none;
}
#banner_cookie a:hover {
color:#FFF; /* Colore testo bottoni passaggio cursore */
}
#banner_cookie a:nth-child(2):hover,#banner_cookie a:nth-child(3):hover,#banner_cookie a:nth-child(4):hover, #banner_cookie a:nth-child(6):hover {
position: relative;
top:1px; /* Spostamento di 1 pixel al passaggio del mouse */
 left:1px;
}
</style>
<!-- Script dei cookie -->
<script type='text/javascript'>function setCookie(name,value,expires,path,domain,secure){document.cookie=name+&quot;=&quot;+escape(value)+((expires==null)?&quot;&quot;:&quot;; expires=&quot;+expires.toGMTString())+((path==null)?&quot;&quot;:&quot;; path=&quot;+path)+((domain==null)?&quot;&quot;:&quot;; domain=&quot;+domain)+((secure==null)?&quot;&quot;:&quot;; secure&quot;)}function getCookie(name){var cname=name+&quot;=&quot;;var dc=document.cookie;if(dc.length&gt;0){begin=dc.indexOf(cname);if(begin!=-1){begin+=cname.length;end=dc.indexOf(&quot;;&quot;,begin);if(end==-1)end=dc.length;return unescape(dc.substring(begin,end))}}return null}function delCookie(name,path,domain){if(getCookie(name)){document.cookie=name+&quot;=&quot;+((path==null)?&quot;&quot;:&quot;; path=&quot;+path)+((domain==null)?&quot;&quot;:&quot;; domain=&quot;+domain)+&quot;; expires=Thu, 01-Jan-70 00:00:01 GMT&quot;}}</script>
<!-- Gestione barra dei cookie -->
 <script type='text/javascript'>
var ckeck_cookie = getCookie(&quot;info_cookie&quot;);
if (ckeck_cookie != null) {}
else {
var expiration = new Date();
expiration.setTime(expiration.getTime() + (60000*60*24*365));
setCookie(&quot;info_cookie&quot;,&quot;1&quot;,expiration);
document.getElementById(&quot;banner_cookie&quot;).style.display=&quot;block&quot;; }
</script>
<!-- Accettazione Cookie Barra Desktop - Fine -->
</b:if>

Tale codice va incollato su Modello > Modifica HTML subito sopra alla riga </body>. Si salva il template e il risultato ottenuto per questo sito è il seguente



Per modificare le due versioni del Banner consultate i due articoli sulla Personalizzazione della Barra di Notifica e sulla Barra di Notifica con tre link in stile dark. Si possono naturalmente anche modificare le posizioni sostituendo top con bottom o viceversa come illustrato nei post.




71 commenti :

  1. Ciao Ernesto,
    ho installato questo codice per il mio blog, ma al posto della barra, per la versione desktop ho scelto di inserire la schermata iniziale. Ho notato, però, che cliccando su +Info si apre sì la pagina dell'informativa sui cookies, ma continua a rimanervi sopra la schermata iniziale. Volendo la pagina dell'informativa si legge, perché lo sfondo è trasparente, ma questo non viola le disposizioni del Garante? E' una mia domanda, perché voglio capire cosa mi conviene fare. Inoltre, ho provato ad accedere al mio blog da un dispositivo mobile, ma purtroppo il banner non compare. A cosa può essere dovuto? Come posso fare per controllare che il banner funzioni?
    Grazie mille e un saluto.

    RispondiElimina
    Risposte
    1. Quando si utilizza la Schermata iniziale come ho scritto in un altro post sarebbe meglio avere la Pagina della Informativa estesa (Policy Privacy) in un altro blog creato appositamente o su una pagina di Google Sites che si apra in una finestra a parte. In questo modo si può leggere tutto anche oscurando completamente il sito. Poi per le questioni legali nessuno pare sappia nulla di sicuro (neppure il Garante...)
      @#

      Elimina
    2. Ciao Ernesto, grazie per la tua risposta. Tornerò alla barra allora, mi sembra una soluzione più comoda.
      Ho un altro quesito: ho letto bene il fatto che nella pagina della privacy policy non ci devono essere cookies? Ma quindi, siccome io utilizzo GA, devo comunque spostare la pagina dell'informativa su un altro sito? Oppure come posso fare? Adesso vado a cercare un tuo articolo in merito, spero di capire qualcosa.
      Un ultima domanda: non riesco a trovare un post con il codice della barra a due link: siccome ho scritto la parte della pagina in incognito nella stessa pagina della policy, il terzo link non mi serve.
      Puoi gentilmente scrivermi l'indirizzo del post?
      Grazie davvero.

      Elimina
    3. Comincia a girarmi la testa se non finisce questa storia dei cookie :)
      Il fatto è che i lettori devono leggere questa pagina senza caricare i cookie quindi si può pubblicare nel nostro sito come ho fatto io ma togliendo per esempio la pubblicità oppure si può pubblicare in un altro sito magari un blog gratuito. Per la barra di notifica a due link leggi qui
      http://www.ideepercomputeredinternet.com/2014/09/barra-notifica-cookie-personalizzata.html
      nella sezione
      BARRA DI NOTIFICA DIRETTAMENTE NEL MODELLO
      @#

      Elimina
    4. Ti capisco, gira già a me, posso immaginare a te!
      Grazie per la spiegazione, ma non avendo pubblicità nel blog, non so come fare.
      Per favore, potresti controllare su cosmeticpie.blogspot.it se la mia pagina di informativa potrebbe andar bene così oppure no?
      Per quanto riguarda invece il terzo link, posso lasciare il riferimento alla tua pagina di eliminazione dei cookie?
      Scusa, lo so che sono stressante, mi spiace. Grazie ancora per i consigli.

      Elimina
    5. Puoi lasciare il link senza problemi. Se non hai pubblicità non ti devi preoccupare granché. Inoltre il tuo blog è aperto solo a lettori privati quindi non si può accedere senza una tua autorizzazione quindi sei assolutamente a posto
      @#

      Elimina
    6. Ehm in realtà sono una stupida, stavo provando le impostazioni di blogger e non ho pensato che potessi entrarci in quel momento. In realtà il blog è pubblico :/
      Ma i "bottoni social" valgono come cookies?

      Elimina
    7. Non credo, non sono plugin ma solo bottoni con link
      @#

      Elimina
    8. Quindi in teoria ho solo Analytics?
      Quindi adesso la domanda è: come tolgo Analytics dalla pagina dell'informativa? Devo usare i tag condizionali?

      Elimina
    9. Analytics basta anonimizzarla in questo modo
      http://www.ideepercomputeredinternet.com/2015/05/google-analytics-cookie-analitici-tecnici-anonimi-id.html
      @#

      Elimina
    10. Ciao Ernesto, credo di avere risolto il problema sul blog, non e' che gli daresti un'occhiata per vedere se e' ok? Il blog e' http://ilgomitolodicotone.blogspot.it ma non riesco a risolvere il problema nella versione mobile, aiutooooo.... Ma perché e' tutto così difficile.
      Grazie, Giusy

      Elimina
    11. Il banner si vede anche su mobile. Per controllare fai così
      1) Apri una scheda di navigazione anonima
      2) Incolla questo URL
      http://ilgomitolodicotone.blogspot.it/?m=1
      3) Apri la pagina e vedrai il banner in basso con i due bottoni
      @#

      Elimina
  2. Grazie infinite, Ernesto. Questa normativa sarebbe un tabù senza il tuo aiuto!
    Quindi, col 2 Giugno ormai alle porte, mi tocca cambiare template, io tanto fedele alle "Dinamiche", vero?

    RispondiElimina
    Risposte
    1. Non sei il solo, sembra che sia una decisone comune tra quelli che hanno le Dinamiche :(
      @#

      Elimina
  3. a me questo codice a 3 non funziona :( speriamo che a 2 vada bene ugualmente.

    RispondiElimina
    Risposte
    1. A due va benissimo. Perché a tre non ti funziona? Ora lo testo nuovamente
      @#

      Elimina
    2. era un mio errore, non avevo impostato la versione mobile su personalizza. Avevo inserito il tuo codice con else in mezzo e non andava. Ho inserito l'alternativa che dai qui, la prima stringa che hai dato e ora va, grazie. Ora devo solo adattare i colori.

      Elimina
    3. Ernesto però pensavo... se io clikko sulla pagina info senza scrollare... è come se accettassi, infatti la barra non riappare più. Non era meglio quello a due che resta anche se clikko su più info?

      Elimina
    4. ho notato che la versione a 3 appare solo la prima volta, anche se non clikko su ok e non scrollo. Invece, la versione a 2 scompare solo se clikko su ok.

      Elimina
    5. È meno invasiva. Nella informativa breve c'è scritto che i cookie sono accettati quando si fa una azione sulla pagina. Se si clicca sul bottone della informativa lunga si apre un'altra pagina dove non ci sono cookie e la barra non va via dalla prima pagina. Allo stato nessun sistema è assolutamente perfetto
      @#

      Elimina
  4. Grazie mille Ernesto! Io sono una persona altamente ignorante con questa cosa di codici, o qualsiasi cosa per blog. Grazie a te, sono riuscita a farlo, e sono molto soddisfatta del risultato. *-*
    Grazie veramente, sei grande!
    Un abbraccio, Raquel ✿

    RispondiElimina
  5. Ritieni che nel mio quellichelinter.it ci siano cookie di profilazione? Grazie ;)

    RispondiElimina
    Risposte
    1. Non vedo pubblicità e non vedo plugin di Facebook né sponsorizzazioni di Amazon quindi per quanto ne posso capire dovrebbe essere senza cookie di profilazione
      @#

      Elimina
  6. ciao Ernesto, complimenti per l'articolo, molto utile e soprattutto risolutivo; ho riscontrato un problema: la barra compare normalmente nella versione desktop, ma non in quella MOBILE; non riesco a capire come mai, non credo ci siano errori nella procedura di inserimento del codice perchè compare la barra nella versione desktop ed è pienamente funzionante;
    potresti aiutarmi in merito? Forse c'è qualche passaggio, magari anche dato per scontato, che mi sfugge per rendere funzionante il codice anche sulla versione MOBILE; grazie in ogni caso ed ancora complimenti :)

    RispondiElimina
    Risposte
    1. Il tuo blog è questo?
      http://benessereedintegratori.blogspot.it/2015/05/maca-il-ginseng-delle-ande.html
      È vero. Ho controllato. Da mobile non si vede. Purtroppo non ne conosco la ragione :( Mi spiace
      @#

      Elimina
    2. A meno che tu non abbia abilitato la versione mobile personalizzata. Vai su Modello > Cellulare e clicca sulla icona della ruota dentata quindi scegli il Modello Personalizza e salva il tutto
      @#

      Elimina
    3. Che bello, nemmeno a me si vedeva, ma ho scelto Personalizza e adesso la barra sul sito mobile compare. Sono felice :)

      Elimina
    4. si quello è il mio blog; ho impostato PERSONALIZZA ed ora si vede, solo che è un pò in disordine rispetto a come era prima, ma l'importante è che si veda; mi pare di capire che nella versione PERSONALIZZA non è possibile fare modifiche all'impostazione grafica di ciò che si vede dal cellulare, ma meglio adeguarsi alla normativa :)
      grazie mille per la dritta, come sempre utilissimo ;)

      Elimina
    5. Nella versione personalizza per mobile mi appare il blog con il template desktop. Sai come posso risolvere?
      Un saluto Ernesto e buona domenica

      Elimina
    6. Vai su Modello > Cellulare > Ruota dentata e metti Si quindi scegli il template per la versione mobile
      @#

      Elimina
  7. Al punto 11 e 12 Informativa e consenso per l'uso dei cookie Domande più frequenti (sito garante privacy) 11. Il consenso online all'uso dei cookie può essere chiesto solo tramite l'uso del banner?

    No. I titolari dei siti hanno sempre la possibilità di ricorrere a modalità diverse da quella individuata dal Garante nel provvedimento sopra indicato, purché le modalità prescelte presentino tutti i requisiti di validità del consenso richiesti dalla legge.

    12. L'obbligo di usare il banner grava anche sui titolari di siti che utilizzano solo cookie tecnici?

    No. In questo caso, il titolare del sito può dare l'informativa agli utenti con le modalità che ritiene più idonee, ad esempio, anche tramite l'inserimento delle relative indicazioni nella privacy policy indicata nel sito.

    Io non ho pubblicità ne google analytics nè plugin di facebook (controlla per piacere Ernesto): devo metterlo ugualmente il banner? grazie.

    RispondiElimina
    Risposte
    1. Nel tuo caso no. Cosa devo controllare? Lo sai da solo se hai pubblicità o plugin :)
      @#

      Elimina
    2. Pubblicità sono sicuro. Plugin direi anche ma meglio controllare :) Quindi posso lasciare la navbar di google e basta?

      Elimina
  8. Scusa ancora Ernesto. Adblock mi blocca sul mio sito http://www.google.com/adsense/search/async-ads.js script /adsense/*
    http://pagead2.googlesyndication.com/pagead/js/google_top_exp.js. Io confermo di non avere pubblicità.
    Quindi il banner continuo a non metterlo? Grazie e scusa ancora.

    RispondiElimina
    Risposte
    1. Certo. Il banner da messo solo se ci sono cookie di profilazione (Adsense, Amazon, Facebook, ecc.)
      @#

      Elimina
  9. Scusa ma cerco di capire: che cosa vuol dire quel adsense che compare sul mio sito bloccato ad adblock?

    RispondiElimina
    Risposte
    1. Non lo so. Disabilita AdBlock e guarda se c'è pubblicità. Ho aperto questo sito
      http://lasacramusica.blogspot.it/
      senza Adblock e non ne vedo
      @#

      Elimina
  10. Bravo. Altra domanda. lasacramusica senza pubblicità visualizzazione dinamiche Che faccio? Poi ti pago :-)

    RispondiElimina
    Risposte
    1. Non c'è niente di cookie di profilazione quindi puoi lasciare tutto come è. Però non sono un avvocato e non mi posso prendere responsabilità, prendilo solo come un parere. È successo che alcuni utenti mi hanno accusato di tutto e di più quindi metto sempre le mani avanti (non mi hanno accusato nel caso dei cookie, per cose pubblicitarie)
      @#

      Elimina
  11. Beh io ho solo e sempre da ringraziarti :-)

    RispondiElimina
    Risposte
    1. Visionando il blog di Stefano ho notato in basso "Cochita 29 dicembre 2013. Modello Dynamic Views. Powered by Blogger", una domanda vorrei fare al grande Ernesto: si può sfuttare quel "linkabile" per poter aggiungere l'accettazione cookie?

      Elimina
    2. È una cosa interessante quella che hai detto. La studio un po' e guardo se si può modificare la scritta e eventualmente inserire il link della Privacy Policy. Se possibile domani ci faccio un post (si sarebbe ancora in tempo ... senza impegno)
      @#

      Elimina
    3. Perfetto Ernesto. Saresti il primo nel panorama nazionale ad aver risolto questa GRAVISSIMA lacuna di blogger. Aspettiamo con ottimismo....;)

      Elimina
  12. Ciao, non riesco a capire perché i cookie (sia questo sia il precedente modello) compaiono solamente nella home e nelle pagine, mentre non compare nei post normali. Sapresti dirmi da cosa deriva? Grazie per i tuoi preziosi consigli...

    RispondiElimina
    Risposte
    1. Sei uno dei tanti che mi fa questa domanda. Dipende dal modo in cui usi il browser. Procedci in questo modo
      1) Copia il link di un qualsiasi post
      2) Chiudi tutte le schede anonime
      3) Apri una scheda con navigazione anonima
      4) Incolla l'URL del post e vai su Invio
      Vedrai che adesso sarà tutto OK
      @#

      Elimina
  13. Ciao Ernesto, sono iscritta al tuo blog da un po' e sei uno dei pochi che parla di queste situazione con un po' più di chiarezza… Anche se purtroppo mi sento ancora in alto mare, e sto ponderando di privatizzare il blog da domani fino a quando non riuscirò a capire come gestire la cosa…
    Non uso adsense, però ho i bottoncini di condivisione su fb, twitter ecc sotto ai post, e in alcuni post passati ho inserito dei video embed da youtube (ho letto che persino quelli creano problemi…).
    Sono molto confusa... con la navbar di Blogger visitando il mio blog http://mechanicalroses.blogspot.it con un altro browser vedo la barra in alto che mi informa dei cookies e che rimanda all'informativa di google, basterà quello? grazie mille!

    RispondiElimina
    Risposte
    1. Se non hai Adsense ritengo di sì ma non sono un avvocato. Ti posso dare però il consiglio di stare tranquilla. Ti pare possibile che dal 2 Giugno vengano ad analizzare in modo approfondito tutti i centinaia di migliaia se non milioni di siti italiani? In ogni caso in caso di inadempienza non è chi ti fanno la multa ma ti mandano un avviso per metterti in regola
      @#

      Elimina
    2. No quello non credo hai ragione :D Ti ringrazio per la risposta!

      Elimina
  14. Sia nel mobile che nello smartphone la barra dark a tre mi si visualizza in basso alla home, però resta il problema che come vado su un'altra pagina, scompare. Vale il discorso che cambiando pagina ho accettato i cookie?

    RispondiElimina
    Risposte
    1. Mi sembra che ci sia scritto nella informativa breve
      @#

      Elimina
  15. Ciao ERNESTO, prima di tutto grazie per i tuoi post sempre molto utili. Voglio segnalarti che con la soluzione indicata in questo articolo quando un utente accede al sito ma poi chiude la finestra senza compiere azioni, al successivo accesso la barra di notifica non appare più.

    RispondiElimina
  16. buon giorno Ernesto
    mi dispiace disturbare, sono arrivata a Lei grazie ad un link postato da una amica di FB.
    Ho letto alcune delle Sue risposte in merito a questo "dramma" dei ccokies, che già' non ho ancora capito cosa diavolo siano, ora leggo che rischio una multa per… boh non so cosa.
    Come moltissime altre creative, possiedo, come dicevo, un blog. Poco attivo, a dire la verità. Senza pubblicità' alcuna, non sono nemmeno riuscita a mettere quella finestrella per avvisare che sono presente su FB…
    secondo Lei pure io sono soggetta a questa normativa? Lo chiedo perché in una delle Sue risposte leggevo che non avendo pubblicità non dovrei avere problemi…
    Nel caso i riuscissi con un miracolo ad inserire la finestrella in cui segnalo che ho una pagina FB, cambierebbe qualcosa? e nella pagina FB vale sempre questa regola dei cookies?
    non mi sembra di aver visto questo avviso su FB, controllando su alcune pagine amiche.
    La ringrazio fin d'ora per l'aiuto, purtroppo per me faccio parte di quel gruppo di migliaia di persone assolutamente negate per certe cose….
    Il mio blog e' questo.
    http://uncinettando61.blogspot.it

    Grazie ancora.
    Franca

    RispondiElimina
  17. Mi sono limitato a illustrare alcune soluzioni tecniche poi non sono un avvocato ma ache gli avvocati spesso non si intendono minimamente di informatica e quindi attualmente mi pare che la cosa sia decisamente in alto mare. Forse non è l'atteggiamento giusto dal punto di vista legale ma cercare di ottemperare alle disposizioni in buona fede e nel massimo consentito dalla nostra piattaforma penso e spero che dovrebbe mettere al riparo da probemi di multe che poi mi risulta non saranno automatiche ma saranno precedute da un avvertimento per poter mettere in regola il sito qualora non lo fosse
    @#

    RispondiElimina
  18. Salve, ringrazio infinitamente per le sue spiegazioni che trovo molto chiare ed utili ; le ho seguite alla lettera; le chiedo però la cortesia se può controllare dando un occhio al sito www.leideedipapilio.it per vedere se effettivamente è tutto come dovrebbe essere. Grazie mille e buona giornta

    RispondiElimina
    Risposte
    1. La barra si vede nella versione desktop ma non su mobile. Vai su Modello > Cellulare > Ruota dentata e scegli il modello Personalizza. Attualmente hai Predefinito o Semplice
      @#

      Elimina
  19. fatto! grazie mille come sempre e buona serata!

    RispondiElimina
    Risposte
    1. ps. mi si è visualizzato solo la prima volta e ora non la visualizza più....avrò sbagliato qualcosa?

      Elimina
    2. ok, mi sa che ho capito e non ti tormento più ;-) ho saltato tutto un passaggio misa, ora cerco dio provvedere , ciao e grazie

      Elimina
  20. Ernesto, ho un problema. Ho usato il tuo tutorial sul mio blog ed all'inizio funzionava, ma ora non più. Nonostante nel codice c'è ancora il codice, non mi esce più la barra per l'accettazione dei cookies. Come mai?

    RispondiElimina
    Risposte
    1. Ti ho già risposto anche su Facebook. Dopo la prima volta il banner non si visualizza più per un anno!!!!
      Lo vedranno solo i nuovi visitatori. Per controllare devi usare una scheda in Incognito
      http://i.imgur.com/xVOZWuN.png
      Questo sarà almeno il 30° commento di questo tipo a cui rispondo. Ora metto un avviso che non rispondo più :)
      @#

      Elimina
  21. Ciao, ho un problema sul quale non riesco proprio a venirne a capo, ho usato il codice per il banner all'interno del mio sito, e sembra funzionare tutto correttamente, e il banner viene visualizzato anche (dal desktop) se inserisco l'indirizzo "mobile" ovvero con il ?m=1 alla fine, purtroppo però su Windows Phone il banner non viene visualizzato proprio, di default il sito è impostato per aprirsi in modalità mobile nel caso vi si acceda da dispositivi mobili, ma il banner non viene visualizzato né per la versione mobile né se con lo stesso dispositivo provo ad aprire il sito con la versione desktop.

    A scanso di equivoci puntualizzo che sto provando a navigare in modalità anonima, e infatti questo sito e altri che usano codici simili sono visualizzati correttamente. Sto sbagliando io oppure il cookie registrato sul mio smartphone viene riconosciuto anche se sto navigando in anonimo e quindi non c'è alcun problema?
    il sito è questo: http://sorsocalcio1930.com

    Grazie in anticipo

    RispondiElimina
    Risposte
    1. Anzi, a dirla tutta, non funziona neanche con Internet Explorer nella versione 9 su desktop...

      Elimina
    2. Il banner si vede perfettamente sia nella versione desktop sia nella versione mobile. Per i browser più vecchi e per i singoli dispositivi mobili chiaramente credo si possa fare poco. Non ho un Windows Phone quindi non posso neppure testare. Su Android funziona
      @#

      Elimina
    3. Che stupido che sono... la risposta era già nel tuo sito, non avevo mai inserito la stringa di codice per la compatibilità con le versioni recenti di Explorer, adesso sembra tutto a posto

      Elimina
  22. grazie solo con te sono riuscita a sistemare anche la versione mobile!!!!

    RispondiElimina
  23. Ciao, Grazie per i tuoi post. Ho un blog con adsense e dovrei inserire dei link di una affiliazione esterna. Volevo capire se sia possibile semplicemente cambiare il codice inserito da Google e cambiare il link che rimanda alla informativa della privacy

    RispondiElimina
    Risposte
    1. Seguimi i prossimi giorni e farò un post su questo tema che credo possa interessare anche ad altre persone. Non te lo posso spiegare in semplice commento
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.