Come personalizzare il banner di Google che viene mostrato nei siti di Blogger in modo nativo a partire dal 25 Maggio 2018
Aspettavo la giornata di oggi come il D-Day del GDPR, ovvero del General Data Protection Regulation, che è entrato in vigore in data odierna 25 Maggio 2018. Mi aspettavo che Google implementasse qualcosa nei siti di Blogger e in effetti ci sono delle novità.
Al primo ingresso nella Bacheca di Blogger, ci è apparso questo messaggio:
Il diritto dell'Unione Europea ti impone di informare i visitatori provenienti dall'UE sui cookie utilizzati e i dati raccolti sul tuo blog. In molti casi, le normative ti impongono anche di ottenerne il consenso. A titolo di cortesia, abbiamo aggiunto una nota al tuo blog per spiegare l'uso da parte di Google di determinati cookie di Blogger e Google, compresi i cookie Google Analytics e AdSense e altri dati raccolti da Google. Spetta a te confermare che questa nota sia effettivamente visualizzata sul tuo blog ed efficace. Se utilizzi altri cookie, ad esempio tramite l'aggiunta di funzioni di terze parti, questa nota potrebbe non essere sufficiente per te. Se includi funzionalità di altri provider, è possibile che vengano raccolti ulteriori dati sull'utente.
In fondo al messaggio c'è il link alla Notifica sui Cookie della Unione Europea con l'informazione che il sito è passato alla connessione HTTPS, nel caso avessimo effettuato questa configurazione.
Se si apre un sito di Blogger, anche non per la prima volta, viene mostrata questa informativa breve:
Questo sito utilizza cookie di Google per erogare i propri servizi e per analizzare il traffico. Il tuo indirizzo IP e il tuo agente utente sono condivisi con Google, unitamente alle metriche sulle prestazioni e sulla sicurezza, per garantire la qualità del servizio, generare statistiche di utilizzo e rilevare e contrastare eventuali abusi.
Si tratta della nuova informativa breve di Google che in effetti è un po' prolissa. Cosa fare adesso? La procedura per rispettare il GDPR finora seguita è quindi da considerarsi corretta. L'unica integrazione necessaria è quella di modificare il testo della informativa breve per aggiungerci quello che manca rispetto al banner di Google.
Credo che una possibile soluzione sia quella di usare questo testo:
Il sito utilizza cookie di Google e di altri provider per erogare i servizi e per analizzare il traffico. Il tuo indirizzo IP e il tuo agente utente sono condivisi con Google, con le metriche su prestazioni e su sicurezza, per la qualità del servizio, generare statistiche e rilevare e contrastare abusi. Navigando nel blog accetti l\47uso dei cookie e il trattamento dei dati secondo il GDPR.
Tale testo, o uno simile, può essere sostituito a quello della Informativa breve, direttamente nel modello. Mi raccomando di scaricare il Tema prima di modificarlo. Attenzione agli apostrofi! Sostituiteli con \47. Per il codice completo, aprite la pagina linkata due righe più sopra. Consiglio di diminuire leggermente la dimensione dei caratteri per la versione desktop visto che il testo è più lungo.
Per la versione mobile, che non esiste nei blog con Tema Responsive, il messaggio si può sintetizzare così:
Il sito utilizza cookie di Google e di altri provider. Il tuo indirizzo IP e il tuo agente utente sono condivisi con Google, con metriche su prestazioni e su sicurezza, per statistiche e per contrastare abusi. Navigando nel blog accetti l\47uso dei cookie e il trattamento dei dati secondo il GDPR.
Dopo aver sostituito questo testo nel codice del modello, si salva il template e si controlla che venga visualizzato correttamente il banner da desktop e mobile aprendo una scheda in incognito. Per il mobile si aggiunge la stringa ?m=1 all'URL della Home o di qualsiasi altro post.
Chi voglia inserire altro, può consultare la pagina di aiuto di Google per gli amministratori di blog nella UE. Ulteriori informazioni possono essere trovate sul sito CookieChoices già visto tre anni fa per la Cookie Law.
Tutte le info e i link sul GDPR li trovi in questo post e in quelli linkati in calce
GDPR per Blogger, come mettersi in regola
GDPR per Blogger, come mettersi in regola
Grazie mille Ernesto, è la conferma che il tuo lavoro è sempre prezioso. :)
RispondiEliminaIo il banner di Google per il mio blog lo vedo solo sulla versione mobile, non in quella desktop :(
RispondiEliminaCiao Ernesto, quindi praticamente rispetto alla Cookie Law (che non è stata toccata dal GDPR) non è cambiato nulla, se non il banner che va migliorato con altre indicazioni e con un'altra policy. Giusto? Anche tu hai capito che lo scroll va benissimo per l'accettazione implicita dei cookie?
RispondiEliminaNon sono una autorità ma credo che basti cambiare il testo della informativa breve e aggiungere altre informazioni a quella lunga
Elimina@#
Ciao Ernesto, nel mio blog l'informativa era gia presente quindi dovrei solo cambiare il testo dell'informativa breve come hai fatto tu, cioè aggiungendo questo :"Il sito utilizza cookie di Google e di altri provider per erogare i servizi e per analizzare il traffico. Il tuo indirizzo IP e il tuo agente utente sono condivisi con Google, con le metriche su prestazioni e su sicurezza, per la qualità del servizio, generare statistiche e rilevare e contrastare abusi. Navigando nel blog accetti l'uso dei cookie e il trattamento dei dati secondo il GDPR."
RispondiEliminaPer farlo ( io ho un modello acquistato su Etsy, responsive anche per il mobile) devo seguire la procedura che hai spiegato tu nel post su "Come personalizzare l'informativa breve in Blogger, giusto? Allora ti volevo fare un' altra domanda: quando tu spieghi le personalizzazioni per l'aspetto del banner, al n. 4 metti l'URL della policy privacy estesa che si deve sostituire a quella del tuo sito, giusto? Quindi devo sostituire questo link:"https://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html"};
con cosa?
Forse la domanda è banale però io (e come me credo molti altri) non sono espertissima in queste cose e da altre parte non si accenna minimamente alla procedura da fare su Blogger quindi il tuo articolo mi è utilissimo ma volevo essere sicura di fare bene.
Grazie in anticipo
Con l'indirizzo della tua Pagina della Privacy. Se non l'hai creata segui questo post
Eliminahttps://www.ideepercomputeredinternet.com/2018/05/gdpr-informativa-estesa-blogger.html
Qui per esempio c'è la mia
https://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html
@#
Ciao Ernesto.
RispondiEliminaI tuoi post sono sempre utilissimi! Ho seguito le tue indicazioni per modificare il banner dell'informativa breve e sul blog compare correttamente. Invece da mobile mi compare ancora quello che Google che ha inserito oggi. Da cosa potrebbe dipendere secondo te? Grazie!
Dipende dal fatto che non hai copiato il codice correttamente. Forse il testo per il mobile ha un apostrofo o uno spazio in più oppure ti è saltato un punto e virgola
Elimina@#
Ho fatto copia/incolla dal tuo, sostituendo solo l'url della pagina dell'informativa estesa. L'ho ricontrollato tutto più volte e ho provato a reinserirlo più volte, ma è sempre uguale, compare sul blog ma non da mobile...
Elimina@# Ecco quello che si vede nel codice del tuo blog
Eliminahttps://i.imgur.com/BcdaGwj.jpg
C'è solo la prima parte del codice, per questo non funziona il banner da mobile. Per aiutarti, ecco il codice che devi incollare dopo aver cancellato l'altro
<!-- Personalizzazione banner cookie e GDPR inizio-->
<b:if cond='!data:blog.isMobile'>
<!-- Banner Desktop -->
<style>
span.cookie-choices-text {font-size:14px !important; color: #fff !important;}
</style>
<script type='text/javascript'>
cookieOptions = {msg: "Questo sito su Blogger usa cookie Google e di altre terze parti per analizzare il traffico, per statistiche e pubblicità personalizzata. Navigando nel blog accetti l47uso dei cookie e il trattamento dei dati secondo il GDPR.", close: "OK Accetto", learn: "+Informazioni", link:"https://my-littleinspirations.blogspot.it/p/blog-page_1.html"};
</script>
<b:else/>
<!-- Banner Mobile -->
<style>
span.cookie-choices-text {font-size:11px !important; color:#fff !important;}
</style>
<script type='text/javascript'>
cookieOptions = {msg: "Questo sito su Blogger usa cookie Google e di altre terze parti per analizzare il traffico, per statistiche e pubblicità personalizzata. Navigando nel blog accetti l47uso dei cookie e il trattamento dei dati secondo il GDPR.", close: "OK", learn: "+Info", link:"https://my-littleinspirations.blogspot.it/p/blog-page_1.html"};
</script>
</b:if>
<!-- Personalizzazione banner cookie e GDPR fine-->
Tu lo vedi così? Io però in HTML ce l'ho tutto, compresa la parte mobile! Non posso copiartelo qui, vero?
EliminaMi viene un dubbio...in HTML ho ancora il vecchio codice pre-GDPR, quello fatto con l'introduzione dei cookie qualche anno fa e che non aveva la parte per mobile...devo cancellarlo?
Elimina@# Devi cancellare tutto quello che riguarda questo codice. Cercalo con Ctrl+F incollando la stringa
EliminacookieOptions
No. Ho ricontrollato. Hai solo quel codice lì da cancellare. Forse hai sbagliato a copiare qualcosa e nel browser si vede in questo modo
Elimina@#
Cancellato tutto il vecchio, ma ancora da mobile ho solo quello di Google! Sto diventando pazza con questo banner!!!
EliminaFarò altri controlli e prove...intanto ti ringrazio tanto per la tua pazienza!
EliminaCiao Ernesto, in primis, grazie per tutto ciò che fai!
RispondiEliminaNel mio blog l' informativa è presente in alto, ma manca la dicitura " Navigando nel blog accetti l' uso dei cookie e il trattamento dei dati secondo il GDPR ", vorrei aggiungerla, ma essendo una frana con i codici HTML e ho il timore di combinare un guaio, c'è un modo per inserire tale codice senza correggere l' HTML, o tramite un codice CSS?
No. Devi seguire le istruzioni per la modifica della informativa breve
Eliminahttps://www.ideepercomputeredinternet.com/2018/05/gdpr-banner.html
Se hai un blog Responsive usa il secondo codice. Ricordati di salvare il Tema prima di modificarlo
@#
Va bene, ma essendo il banner in alto, procedo ugualmente passo per passo? Grazie !
EliminaPuoi lasciarlo in alto lasciando perdere il codice del CSS che inizia con questa riga
Elimina/* CSS Cookie e GDPR */
e implementando solo il secondo. Se vuoi fare le cose ancora più semplici puoi copiare il terzo codice per avere lo stesso messaggio da mobile e da desktop
@#
Non ho un tema responsive, ma uno classico, modificato con l'HTML - ma non da me -, quindi inserisco solo quello il secondo codice, cambio la scritta in blu con quella nuova e aggiungo " navigando nel blog accetti l' uso...", un' ultima cosa, quale riga devo cercare per implementare il secondo codice?
EliminaGrazie mille per la pazienza !!
Ciao Ernesto, dopo vari tentativi, sono riuscita a modificare il bannerino di Google, aggiungendo " Navigando in questo sito accetti l'utilizzo dei cookie e il GDPR", ma ho notato che c'è un punto (.) in più vicino a GDPR",posso lasciarlo cosi o devo modificarlo?
EliminaGrazie ancora :)!
Lo puoi anche lasciare così. Comunque se c'è un punto in più significa che nel testo ci sono due punti invece che uno 😊
Elimina@#
Allora ho capito. Aggiungi nel testo "l'uso"? È un apostrofo. Per questo il codice non funziona. Leggi meglio il post
RispondiElimina@#
Scusa ti ho confuso con la lettrice che ha commentato qui sopra 😚
RispondiElimina@#
Ciao Ernesto nel mio sito l'informativo c'era già ma una diversa e breve quella fatta a suo tempo ma ora non mi permette di modificare il testo. Come posso fare - devo cancellare tutto e rifare - dove nello stesso posto ?
RispondiEliminail mio blogo è Il Rifugio degli elfi https://ilrifugiodeglielfi.blogspot.it/
RispondiEliminaNon ti permette? e perché mai. Procedi così. Salva il template per un evenutale ripristino.
EliminaApri Tema -> Modifica HTML e clicca sull'area del codice.
Digita Ctrl+F. In alto a destra vedrai una casella. Incollaci questo testo
'Questo blog utilizza cookie tecnici
e vai su Invio. Verrà evidenziato il testo da modificare che è il seguente:
'Questo blog utilizza cookie tecnici propri e cookie di profilazione di terze parti. Se continui nella navigazione accetti il loro uso.
Selezionalo tutto, cancellalo e sostituiscilo con quest'altro
Il sito utilizza cookie di Google e di altri provider. Il tuo indirizzo IP e il tuo agente utente sono condivisi con Google, con metriche su prestazioni e su sicurezza, per statistiche e per contrastare abusi. Navigando nel blog accetti l\47uso dei cookie e il trattamento dei dati secondo il GDPR.
Salva il Tema.
@#
Al posto di 'Questo... nel testo è probabile che ci sia 'Questo...
Elimina@#
Ciao Ernesto hai risolto in 2 ore di lettura di tutti i tuoi link un problema che mi stava affliggendo sa giorni. Grazie come sempre per le tue spiegazioni.. Ho copiato la tua privacy policy perché l'ho trovata perfetta ed esaustiva. Ovviamente alla fine del post il link di rimando da te citandoti come unica fonte. Grazie davvero
RispondiEliminaErnesto buongiorno, mi chiedevo... ho nel blog vecchi widget come quello che indica le visite dal mondo (bandierine e mappamondo), dovrei mettere il link anche alle loro regole sulla privacy? Nel caso li levo.
RispondiEliminaIn teoria sì. Chissà poi se la avranno la dichiarazione della privacy. Levali anche per alleggerire la pagina e velocizzarla
Elimina@#
Va bene, grazie.
EliminaCiao Ernesto, il banner che si visualizza nel mio caso di blogger non basta?
RispondiEliminaTi potrebbe rispondere solo un avvocato 🙂
EliminaIo mi sono limitato a dare dei consigli ma non posso fare consulenze che non mi competono
@#
Per tagliare la testa al toro metto questo tuo
RispondiEliminahttps://www.ideepercomputeredinternet.com/2018/05/gdpr-banner.html?m=1
Devo eliminare quello di blogger?
No, il mio non va bene perché ci sono riferimenti a questo sito che dovresti togliere. Però puoi copiare le parti che servono per la tua Policy Privacy
Elimina@#
Ciao Ernesto, questa mattina il banner nativo di Google è passato da Italiano a Inglese, volevo chiederti se anche noi ci dobbiamo adattare a questo cambio o possiamo lasciarlo cosi (in Italiano)?? Grazie
RispondiEliminaCerto che va lasciato in italiano 😊.
EliminaQuello di Blogger è sicuramente un bug, un errore di codice, che sarà corretto al più presto. In genere però quando accadono queste cose è perché stanno facendo delle modifiche, quindi mi aspetto delle novità
@#
ciao ernesto aprendo il tuo sito in modalità anonima ho visto il nuovo banner per l'accettazione dei cookies, che consente di gestire le opzioni di consenso direttamtente nel banner, ma una soluzione di questo tipo come si può implementare su un blog ospitato su piattaforma blogger e mi chiedevo se si potesse fare anche sul modello contempo (uno dei nuovi temi nativi blogger e devo dire la verità ho un pò di difficoltà a smanettarci sopra non trovando parecchio sezione dell'editor html )
RispondiEliminaLo puoi inserire molto facilmente su Blogger e in tutti i Temi, compresi i più recenti, però devi essere registrata ad Adsense. Qui le istruzioni
Eliminahttps://www.ideepercomputeredinternet.com/2021/09/gdpr-blogger-adsense.html
@#
ok, e se non mi registrassi ad adsense e volessi inserire il classico banner, sempre in un dei nuovi temi non trovando il tag body come potrei fare per inserire il codice?
EliminaMi sono occupato più volte di questo tema. Qui trovi l'elenco di tutti i post
Eliminahttps://www.ideepercomputeredinternet.com/2018/05/gdpr-blogger.html
Spero che qualcuno di questi ti possa aiutare.
@#
Il tag body è in tutte le pagine web. Al limite non ci sarà da solo tipo < body > ma insieme a una stringa tipo < body .......... >
Elimina@#