Banner casalingo per segnalare i cookies: istruzioni per crearlo.

 

 

Banner su wp  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. crea pagina 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!

siti

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.

213 thoughts on “Banner casalingo per segnalare i cookies: istruzioni per crearlo.

  1. Buondì cara. In questi giorni mi sono documentata ancora ed ho scoperto che il banner nel footer crea qualche problema per chi visualizza i nostri blog sugli smartphone. Ecco perchè in moolti hannopreferito eliminare il banner e sostotuirlo con l’informativa che tu hai messo in alto a sinistra + la pagina aggiuntiva.
    L’unica novità che hanno trovato il modo di rendere l’informativa che tu hai messo in alto a sinistra “interattiva” con le stesse funzionalità che aveva il banner.
    Magari dai un’altra volta una occhiata al mio blog o a quello di Piero: https://pietropontrelli.wordpress.com/
    Baci

    "Mi piace"

  2. Pingback: Come inserire un banner informativo(fai da te)su wordpress.com. | Angelo Cerrone

  3. Ciao! Grazie dell’aiuto!ho messo sabato il banner! É vero che dei portatili copre un po’ma così alla fine siamo in regola perfettamentw perchè col banner, widget laterale e pagina informativa… E con tutti gli articoli scritti chi entra sui ns blog deve vederle x forza ste info sui cookie!poi nei siti regolari invece mi pare che scompare subito il banner,a volte anche toccando in giro nel sito… Quindi siamo in una botte di ferroooo! Grazie ancora di aver aiutato una profana come me! Solo che ho messo il banner in alto. Ti ho votata!

    Piace a 1 persona

  4. wow grazie mille per questo post! Ho seguito le tue istruzioni e il banner appare 😀 L’unico problema è il colore, è poco visibile, sto cercando di capire come fare… e poi se clicco su informativa mi dice che la pagina non esiste, ma questo penso che sia un problema temporaneo dovuto al fatto che la pagina l’ho appena creata, mi è già capitato, quindi penso che si risolverà tra un po di tempo. Per il colore invece hai qualche consiglio da darmi? Guarda, è poco visibile http://cosmosicula.com
    Grazie ancora, sei stata più brava di wordpress 😉
    Ti voto molto volentieri su netparade e ti seguo pure;)

    Piace a 1 persona

  5. Ciao! Ho usato il tuo codice e i tuoi suggerimenti per sistemare la questione cookie sul blog che tengo con un paio di amiche. Tutto più o meno bene, nel senso che nel widget in basso non vedo il pulsante esci, ma una scritta di WordPress per aprire un blog o sito gratuitamente con loro. Inoltre ho provato a fare un’informativa su un widget laterale, ma non riesco a linkare la pagina di Automattic. Puoi aiutarmi? Grazie mille.

    Piace a 1 persona

  6. Ciao, vorrei ringraziarti per le istruzioni … dopo aver letto tutta una serie di cose “terrorizzanti” sono finalmente approdata al tuo post!
    Spero che tu non me ne voglia se ho fatto un copia/incolla del tuo testo per la cookie policy … con più calma provvederò a sistemarlo.
    Ti “regalo” molto volentieri il mio voto!
    Grazie ancora!
    Lucia

    Piace a 1 persona

  7. Ciao.Io ieri sera, dalla disperazione, ho privatizzato tutti i blog che avevo.Ora ho letto qui da te e ho provato a fare come dici (già avevo sistemato un widget laterale di solo testo e link vari alla famosa Pagina con l’informativa estesa).Non riesco però a vedere nulla, da qui.Sul mio smartphone, invece, qualcosa si vede, ma molto molto in fondo (non sarebbe possibile far andare almeno lateralmente il tuo codice?Puoi entrare un attimo su Mutazioni del Silenzio e dirmi che cosa vedi?Ti ringrazio.Il mio voto te lo do subito e ti ringrazio tanto.Ho letto che Angelo dice che Blogger si è adeguato, quindi i miei blog su blogspot dovrebbero essere a posto?Entreresti su Cruna di stella blogspot a vedere se c’è un qualche banner?Io dallo smartphone lo vedo.Grazie infinite.Susanna.

    Piace a 1 persona

  8. Io il codice l’ho messo sia su Mutazioni sia sull’altro blog che ho sempre qui.Tu non lo vedi? io lo vedo solo dal telefonino, però, entrando nei link che ho messo nel codice non trovo scritto nulla, se non cose tipo Page not found e simili 😦 Ho visto su Cruna una visita..dalla mia città?! sei tu?è mai possibile? 🙂

    Piace a 1 persona

  9. Ciao, ho provato la prima soluzione, però mi pare che il banner compaia solo sulla home page ma non se si arriva al mio blog direttamente su un’altra pagina o post. E’ così? E allora siamo in regola ugualmente con questo banner?

    Piace a 1 persona

      • Grazie, l’informativa sulla destra l’ho messa, ma sui mobile va a finire in fondo, siamo in regola comunque? Perché se il banner non è richiesto, e si vede solo nella home, e, almeno nella prima versione, non si riesce a farlo sparire se non uscendo dal sito, perché metterlo? Ci vorrebbe un pulsante OK che ti permette di continuare facendo sparire il banner. Lo dico, ma non lo so fare… Intanto grazie di aver condiviso il tuo lavoro e il lavoro dei tuoi amici!

        Piace a 1 persona

      • Hai ragione, a me ne hanno dato un’altra versione ma non va e quindi non la ho condivisa perché non riuscendo a farla funzionare io per prima non ha senso che la divulghi, anche perché se qualcuno mi chiedesse non saprei cosa rispondere.

        "Mi piace"

  10. Ciao, grazie per i suggerimenti, ho già copiato tutto nel mio blog! Volevo chiederti, c’è un modo per far scomparire la barra? Ho aggiunto la dicitura “accetto” e vorrei che, una volta cliccata la parola, la barrettina scompaia!
    Grazie 🙂

    Piace a 1 persona

  11. Pingback: I cookies, questi sconosciuti | Addictive sweet amber

  12. Post suoper stra utilissimo, che ha aiutato persino me che sono assolutamentenegata per tutto ciò che riguarda plugins, widget e altri nomi per me incomprensibili!
    Lo rebloggo così da poterlo mostrare a tutti quelli in difficioltà!
    Ancora grazie infinite!!
    Un bacione

    Piace a 1 persona

  13. L’ha ribloggato su maplesexylovee ha commentato:
    A tutti quelli che stanno avendo problemi per creare sto maledetto banner per i cookies del cavolo, questo articolo è chiarissimo e davvero ben fatto. Calcolate che ci sono riuscita anche io a inserirlo nel mio blog che sono un’impedita cronica con queste cose.
    Ancora grazie e complimenti al creatore del post!

    "Mi piace"

  14. Grazie mille per il super consiglio!!! Lo condividerò sicuramente!!
    Ho seguito le tue indicazioni. Ora ho il banner in basso, ed ho creato la pagina Cookie policy, ma
    1)nel banner che ora appare nel mio blog, se clicco su “CLICCA PER INFO” non mi si apre nessuna pagina
    2) Il banner non scompare ma rimane fisso e da fastidio alla lettura.
    3) non mi appare il widget di testo nelle pagine.
    Puoi aiutarmi? Grazie mille!!!

    Piace a 1 persona

    • 1)Per fare attivare il tasto CLICCA PER INFO devi andare a correggere la stringa mettendo il link della tua pagina cookie policy.
      2) Purtroppo il banner per wp.com come plug-in non esiste poiché non abbiamo l’abilitazione per inserire plug-in come in wp.org . Questo codice è un modo per poter avere il banner anche noi. Ancora non ne ho trovato nessuno che funzioni come dovrebbe funzionare il plug-in e lo faccia sparire. In caso poi aggiornerò e ve lo renderò noto.

      3)Il widget di testo laterale lo devi creare a parte, non te lo fa il banner.

      Devi fare un widget, mettere nel titolo “informativa cookie” e nel campo del testo ci copi quello che c’è nel mio a sinistra.
      Ricordati poi di “trascinare” il widget prima di tutti gli altri in modo che ti appaia più in alto rispetto ad altri.
      Se non riesci a fare funzionare il codice e il link nel testo laterale al limite dammi l’indirizzo e-mail che ti mando la stringa da inserire già pronta.
      Adesso mi assento per un po’. Fammi sapere se ce l’hai fatta.

      "Mi piace"

    • Ciao! Guarda io uso il primo codice e non il secondo. Se leggi tutto il post e vedi le note sotto leggerai che l’ho specificato che quello non mi funziona bene. Prova con il primo codice, se non andasse bene su sfondo bianco, sulla mia pagina FB lo trovi anche su sfondo nero. Guarda il testo allegato alla foto, se vai in fondo c’è un secondo codice.

      "Mi piace"

  15. ciao sono nuova da queste parti, ti ho votata e mi sei stata utile anche se davvero stavo ammattendo per cui da te ho preso spunto per un semplice messaggio di testo mentre invece ho copiato per intero la tua pagina informativa policy senza i l’immagine dei biscotti :9 Scusa ma non ho resistito l’hais critta troppo bene. Se ti reca difficoltà ne farò una di mio pugno 🙂

    Piace a 1 persona

  16. Ciao scusa se ti disturbo ho creato il widget laterale per l’informativa ma devo aver sbagliato qualcosa perchè non è come il widget che vedo nel tuo blog,non sono pratica di queste cose,se provi a guardare potresti farmi sapere cosa ho sbagliato?Grazie.

    Piace a 1 persona

  17. Meno male che ho trovato il tuo blog per mezzo del quale ho potuto finalmente inserire il banner.
    Innanzitutto vorrei rispondere a qualche domanda sopra.
    Il banner che io sappia si deve mettere in ogni pagina del sito poichè se un visitatore arriva su altra pagina senza passare dalla home lo deve trovare.
    Il garante ha pubblicato come fare ma in realtà non mi funziona o forse non ho capito come si inserisce.

    Ora passo alle demande che vorrei farti.
    Ho utilizzato il tuo banner, quello nero perchè risalta meglio e poichè non capisco nulla di linguaggio volevo chiederti cosa cambiare per portarlo in alto alla pagina.
    Inoltre volevo chiederti se posso copiare il widget che hai messo tu (con qualche modifica) e se posso copiare il testo (con qualche modifica per adattarlo al mio sito) della pagina dove spiega l’utilizzo dei cookie.
    Un’ultima cosa, se netparade (ok per il voto che mi sembra il minimo) usa dei cookie devi spiegare che il tuo sito utilizza anche quelli di terzi e questo va messo sia sul banner che nella pagina di spiegazione dove va anche citato il link della pagina di spiegazione di netparade.

    Piace a 1 persona

    • Ciao! Purtroppo sto uscendo e dovrei andare a leggere il codice perchè a memoria non lo ricordo, dal cellulare onestamente non so come fare. Copia pure tutto ciò che ti serve relativo ai cookies senza problemi! Domani spero di ricordarmi di guarda per saperti rispondere, se non trovi la soluzione nel mentre lasciami pure un altro commento così quando guardo il blog mi ricordo. Buona serata

      "Mi piace"

    • Ah prima che mi scordo. Il motivo per cui non ti funziona quello che è stato messo scaricabile in giro per il web è che si tratta di un plug-in, ma quelli si possono installare solo per chi ha un sito wp.org, noi che abbiamo il wp.com non siamo abilitati ad installare alcun tipo di plug-in, quindi non puoi metterlo. Quello ufficiale che vada bene per noi ancora non è stato mai fatto!

      "Mi piace"

  18. Penso abbia risposto a me, come detto mi interessa cosa cambiare per poter mettere in alto il banner e se posso copiare quanto hai scritto tu, sia sulla sinistra del blog che nella pagina delle spiegazioni, naturalmente farò le modifiche che riguardano il mio sito…Grazie

    "Mi piace"

  19. Volevo ringraziarti per questo articolo che mi e’ stato utilissimo. Il banner appare ma non funziona…comunque ho creato la pagina cookie Policy e il widget nella barra laterale. Spero che questo basti ad essere in regola….io purtroppo sono negata…ma WordPress fa inpazzire nel suo utilizzo!!!!! 😛 grazie di cuore ancora!!!!!!!!

    Piace a 1 persona

  20. Grazie per il tuo aiuto ma essendo il tuo esempio una bitmap io non riesco a copiarla per utilizzarlo per il mio blog. Per ora quindi mi sono limitata a scrivere un post per informare chi legge il mio blog. Io non ho nessuno che mi scriva uno script o mi crei un banner. Insomma, da soli non credo si possa riuscire a fare tanto, se non si capisce qualcosa di script e cose del genere. Anche per i plugin è la stessa cosa. Io non so davvero come fare per risolvere questa storia.

    Piace a 1 persona

  21. Non so come ringraziarti! Ho chiuso il mio blog per oltre un mese non riuscendo a trovare una soluzione al problema, poi arrivi tu e mi sei più utile e più chiara di decine di siti e di una montagna di smanettoni che ho ‘consultato’ nelle ultime settimane e non mi sono stati affatto d’aiuto. Ancora GRAZIE!!

    Piace a 1 persona

  22. Ragazzi, sia che si usi il primo codice o quello per I Phone, il problema è che poi cliccando sia su Esci che su OK, il banner non se ne va. Nel secondo caso resta, nel primo, cliccando su esci, si esce proprio da wordpress. Come si può fare? il banner deve poter sparire se si accettano i cookies, per leggere l’articolo senza seccature. Se avete idee, grazie mille!

    Piace a 1 persona

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo di WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...