Banner casalingo per segnalare i cookies: istruzioni per crearlo.

 

 

  ATTENZIONE :AGGIORNAMENTO IN FONDO AL POST!

Buongiorno a tutti! Ho deciso di fare questo post per divulgare il trucchetto per il banner fai da te in modo che più persone possano avere la possibilità di metterlo sul proprio blog se lo desiderano. Vi metto l’immagine così potete vedere bene in rosso dove dovrete andare a modificare il codice con i vostri dati, non vi preoccupate a breve vi lascio anche il modo di reperire il testo per poter fare copia e incolla.   Innanzitutto, se non lo avete ancora fatto, dovete creare sul vostro blog una pagina sulla cookie policy, come la mia ad esempio:   https://raccontidalpassato.wordpress.com/cookie-policy/   Per creare una nuova pagina vi basta andare nel vostro pannello amministratore wordpress e selezionare “pagine” “aggiungi nuova” . Compilate i campi come fate quando scrivete un semplice post. Una volta fatto questo potete andare a creare il widget di testo per ottenere il banner. Selezionate l’inserimento di un nuovo widget di testo, non inserite titolo, tanto non si vedrà. Nel campo del testo potete andare a copiare la seguente stringa:

*<div style=”z-index:999999;position:fixed;bottom:0;right:0;left:0;” id=”MsgContainer”><div style=”padding:0 35px 0 5px;position:relative;margin:0 auto;line-height:35px;width:100%;border:medium none;background-color:rgb(230,255,230);color:rgb(0,0,0);overflow:hidden;text-align:center;font-size:13px;font-family:Arial, sans-serif;”>Il presente blog utilizza i cookies per migliorare la tua esperienza di navigazione. Navigando comunque in tuosito acconsenti al loro uso; clicka su esci se non interessato.</span><a style=”border-radius:5px;background-color:rgb(200,220,100);border:0 none;padding:6px 10px;font-weight:bold;cursor:pointer;margin:0 10px;color:rgb(0,0,0);transition:all .25s ease 0;display:inline;text-shadow:0 0 2px rgb(0,0,0);white-space:nowrap;” href=”https://tuo link pagina informativa” id=”info”>INFORMATIVA</a><a style=”border-radius:5px;background-color:rgb(230,0,91);border:0 none;padding:6px 10px;font-weight:bold;cursor:pointer;margin:0 10px;color:rgb(255,255,255);transition:all .25s ease 0;display:inline;text-shadow:0 0 2px rgb(0,0,0);white-space:nowrap;” href=”http://wordpress.com” id=”Dismiss”>ESCI</a></div>*

 

CODICE PER AVERE LO SFONDO DI UN ALTRO COLORE (in caso  il primo banner si veda male)

*<div style=”z-index:999999;position:fixed;bottom:0;right:0;left:0;” id=”MsgContainer”><div style=”padding:0 35px 0 5px;position:relative;margin:0 auto;line-height:35px;width:100%;border:medium none;background-color:rgb(0,0,0);color:rgb(253,253,255);overflow:hidden;text-align:center;font-size:13px;font-family:Arial, sans-serif;”>Il presente blog utilizza i cookies per migliorare la tua esperienza di navigazione. Navigando comunque in “TUOSITO” acconsenti al loro uso; clicka su esci se non interessato.</span><a style=”border-radius:5px;background-color:rgb(200,220,100);border:0none;padding:6px 10px;font-weight:bold;cursor:pointer;margin:0 10px;color:rgb(0,0,0);transition:all .25s ease 0;display:inline;text-shadow:0 0 2px rgb(0,0,0);white-space:nowrap;” href=”http://TUAPAGINAINFORMATIVA/cookie-policy/” id=”info”>INFORMATIVA</a><a style=”border-radius:5px;background-color:rgb(230,0,91);border:0 none;padding:6px 10px;font-weight:bold;cursor:pointer;margin:0 10px;color:rgb(255,255,255);transition:all .25s ease 0;display:inline;text-shadow:0 0 2px rgb(0,0,0);white-space:nowrap;” href=”http://wordpress.com/” id=”Dismiss”>ESCI</a></div>*

CODICE PER AVERE IL BANNER IN ALTO

*<div style=”background-color:rgb(0,0,0);z-index:999999;opacity:.8;position:fixed;padding:10px 0;width:35%;right:5%;top:25%;font-size:13px;font-weight:normal;text-align:center;color:rgb(253,253,255);font-family:Arial, sans-serif;box-shadow:0 0 8px rgb(253,253,255);top:0;” id=”cookieInfo”><span><p> </p><p> </p>Il presente blog utilizza i cookie per migliorare la tua esperienza di navigazione. Navigando in TUOSITO sei in accordo con la policy di WordPress </span><a style=”border-radius:5px;background-color:rgb(200,220,100);border:0 none;padding:6px 10px;font-weight:bold;cursor:pointer;margin:0 10px;color:rgb(0,0,0);transition:all .25s ease 0;display:inline;text-shadow:0 0 2px rgb(0,0,0);white-space:nowrap;” href=” http://TUAPAGINA INFORMATIVA ” id=”info”>INFORMATIVA</a><a style=”border-radius:5px;background-color:rgb(230,0,91);border:0 none;padding:6px 10px;font-weight:bold;cursor:pointer;margin:0 10px;color:rgb(255,255,255);transition:all .25s ease 0;display:inline;text-shadow:0 0 2px rgb(0,0,0);white-space:nowrap;” href=”http://wordpress.com” id=”cookieChoiceDismiss”>ESCI</a></div>*

 

Potete trovare il codice anche qui in caso wordpress dia problemi di visualizzazione:

Il presente blog utilizza i cookies per migliorare la tua esperienza di navigazione. Navigando comunque in tuosito acconsenti al loro uso; clicka su esci se non interessato.

IMPORTANTE:

Prima di copiare questo codice e salvare CANCELLATE GLI ASTERISCHI * che ho messo all’inizio e alla fine, altrimenti non si vedeva il codice, poi sostituite i campi generici con quelli relativi al vostro blog. Dove c’è scritto: TUO SITO mettete il nome del vostro blog. Dove c’è scritto: TUO LINK PAGINA INFORMATIVA mettete il link della pagina che avete appositamente creato.  Spero che possa esservi utile!   Vi chiedo di condividere il più possibile il post in modo da aiutare il maggior numero di persone a crearsi il bannerino se lo desiderano.

Ringraziamo anche l’amico Gianni e l’amica Rebecca per l’aiuto che mi hanno dato  per primi con questo problema.

Se l’articolo vi è stato utile vi chiedo di regalarmi un piccolo voto per la classifica in Net Parade con un click su questo banner rosa e poi confermando il voto.

GRAZIE!

A quanto pare alcune persone avevano problemi con l’uso del codice sopra citato su alcuni smartphone, so per certo che dava problemi I-phone.

E’ stato creato questo nuovo codice:

 

*<div><p align=”JUSTIFY”><span style=”font-family:Calibri;”><span style=”font-size:13pt;”>Il blog che si sta
visitando utilizza cookies, anche di terze parti, per tracciare alcune preferenze dei visitatori e per migliorare
la visualizzazione.</span></span></p>
<p align=”JUSTIFY”><span style=”font-family:Calibri;”><span style=”font-size:13pt;”><span><a href=”la tua pagina informativa“>fai click qui per leggere
l’informativa</a></span></span></span></p>
<p align=”JUSTIFY”><span style=”font-family:Calibri;”><span style=”font-size:13pt;”><span><a href=”http://automattic.com/privacy“>e qui per l’informativa del
gestore.</a>
Lascia questo sito se non sei d’accordo o clicca su OK, qui in basso a destra, per proseguire la navigazione</h3><a href=” “><h3 style=”text-align:right;”>►OK◄</a></span></a></span></span></span></p></div>*

 

PRIMA DI COPIARLO UN PAIO DI COSE:

Gli asterischi che ho messo a inizio e fine testo VANNO RIMOSSI, li ho messi solo per fare in modo che si vedesse se no WP non vi mostra il codice da copiare

Dove ho messo in rosa la tua pagina informativa dovete sostituire la scritta con il link della vostra pagina informativa

A me non funziona e sono rimasta con il vecchio.

A quanto pare c’è un problema con le virgolette perché quando salvate il widget wordpress ve le duplica, ma anche rimuovendo le virgolette doppie a me sul blog non funziona, nel senso che non si vede proprio la barra in fondo. Quando avrò tempo ci smanetto intanto fatemi sapere se a voi va.