Pubblicato il 31/05/15e aggiornato il

Mostrare il link all'informativa per i cookie sui blog a Visualizzazione Dinamica anche da mobile.

Come visualizzare un link alla informativa estesa sui cookie anche nella versione mobile dei blog di Blogger a Visualizzazione Dinamica.
Ieri abbiamo visto come sia possibile mostrare un avviso con collegamento alla informativa estesa sull'uso dei cookie di profilazione come disposto dal Garante della Privacy. Vista la difficoltà di inserire javascript e la mancanza di sidebar in cui collocare un avviso fisso abbiamo utilizzato il widget Attribuzione a cui abbiamo aggiunto un breve testo con il collegamento alla pagina della informativa estesa sulla privacy.

Purtroppo il gadget Attribuzione non si visualizza nella versione mobile di questi template. Allora per risolvere dobbiamo inserire un altro link in modo che il lettore possa accedere a queste informazioni. Useremo il campo Descrizione su cui dobbiamo fare un po' di chiarezza.

Dal punto di vista SEO la Descrizione del blog che conta è quella delle Preferenze di Ricerca. Se non lo avete già fatto dovete quindi andare su Impostazioni > Altro > Preferenze di Ricerca > Metatag > Descrizione > Modifica > Sì e inserire una descrizione di quello che tratta il vostro sito fino a 150 caratteri quindi salvare le modifiche.


C'è però un'altra Descrizione su Impostazioni > Di Base > Descrizione > Modifica in cui si possono inserire fino a 500 caratteri. Visto la sovrabbondanza di spazio a disposizione non occorre utilizzare l'accorciatore di URL Goo.gl. Possiamo per esempio incollare questa descrizione

Leggi la <a href="http://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html"><b>Info sui cookie</b></a> usati qui.

in questo modo
descrizione-blogger
dove al posto dell'URL di questo sito sulla Cookie Policy metterete quello della vostra. Si salvano le modifiche. Adesso su Modello > Cellulare > Ruota dentata dovremo scegliere una versione per il mobile che mostri in modo evidente l'informativa brevissima con link appena inserita.

Visto che melius abundare quam deficere si può lasciare questa informativa insieme a quella inserita tramite gadget Attribuzione che però è visibile solo da desktop. Se si apre il sito con un cellulare si visualizzerà una cosa simile a questa

info-cookie-visualizzazione-dinamica


Si può anche andare oltre e cliccare su Modello > Personalizza > Avanzato > Aggiungi CSS, incollare il codice qui sotto per poi andare su Applica al blog


span.title > h3:nth-child(2) a {color:#f00 !important;}

In questo modo si modificherà il codice del colore del link sulla informativa lunga

informativa-cookie

Si possono naturalmente modificare anche altri parametri e le modifiche saranno visibili anche nella versione desktop. Questo sistema abbinato all'altro del gadget Attribuzione si inseriscono una informativa con link nella versione mobile e due informative con link nella versione desktop. Tali testi con collegamento sono fissi e vengono visualizzati in modo permanente. 




24 commenti :

  1. ...ho lasciato per un momento mouse e tastiera, mi sono alzato in piedi per applaudirti !!!!!!!!!
    Grande Ernesto, Grazie ;)

    RispondiElimina
  2. Concordo. Grazie di cuore. Ernesto !

    RispondiElimina
  3. Trovato in rete con domanda finale
    il Garante per la privacy ha pubblicato le ultime direttive prima dell’entrata in vigore della Cookie Law. Come e` possibile leggere dal testo pubblicato sul sito ufficiale la normativa e` più semplice di quanto si pensi.
    Riassumendo la situazione:

    -Wordpress.com esce pulito da questa situazione in quanto e` sufficiente un widget testuale con rimando alla privacy police di Automattic. Cio` mi e` stato riconfermato da Andrea su Twitter dove mi ha allegato una sua conversazione con alcuni responsabili.

    -Blogger: E` possibile attivare il banner direttamente dalla piattaforma ma ricordati di rendere anonimo l’ ip di Google Analytics.

    Ernesto: cosa vuol dire questa ultima affermazione? Da dove si attiva (se vero) il banner? Grazieeeeee

    RispondiElimina
    Risposte
    1. Leggi questo articolo soprattutto l'Aggiornamento finale
      @#

      Elimina
  4. Io resto ancora in dubbio sulla questino dei Google Analytics. Secondo te lo inserisco lo stesso il codice?
    Per quanto riguarda questo post, quindi, dovremmo inserire tutte e tre le rettifiche?
    Come dici tu meglio abbondare....resto in attesa, grazie.
    Vale

    RispondiElimina
    Risposte
    1. No. Considera solo l'Aggiornamento finale, se ti riferisci a questo post
      http://www.ideepercomputeredinternet.com/2015/05/google-analytics-cookie-analitici-tecnici-anonimi-id.html
      @#

      Elimina
  5. Grazie mille, ho apprezzato moltissimo i tuoi post sulla nuova normativa cookies. Una cosa però non sono riuscita a farla: nella mia visualizzazione dal mobile, che come colori e formattazione è speculare alla visualizzazione dal web, non riesco a far uscire la navbar dei cookies, ma facendo delle prove viene fuori solo se cambio visualizzazione (ad esempio quelle che mette di default, che non sono proprio bellissime).. come faccio a tenere la mia visualizzazione in modo che però venga mostrata la navbar?

    RispondiElimina
    Risposte
    1. Hai un template a Visualizzazione Dinamica? Non mi pare che si ci sia la Navbar. Se non è Dynamic Views prova con questo sistema
      http://www.ideepercomputeredinternet.com/2013/12/blogger-widget-versione-tablet-smartphone.html
      o con questo
      http://www.ideepercomputeredinternet.com/2015/04/blogger-blog-mobile-friendly-code.html
      devi cioè aggiungere il tag
      mobile='yes'
      nel widget della Navbar
      @#

      Elimina
    2. Purtroppo la mia ignoranza regna sovrana: come faccio a capire se il mio blog è dinamico? la navbar l'ho inserita come widget personalizzato col codice

      Elimina
    3. Il tuo blog è questo?
      http://akirery.blogspot.it/
      Il modello non è dinamico è un normalissimo template di Blogger e il banner si vede da desktop ma non da mobile. Vai su Modello > Cellulare > Ruota dentata e scegli Personalizza
      @#

      Elimina
    4. Si il blog è proprio quello, purtroppo se click su personalizza mi cambia la visualizzazione e non mi fa impazzire. penso che dovrò fare così :/

      Elimina
    5. Hai una immagine nell'header veramente enorme :)
      @#

      Elimina
    6. Non lo so, però qualcosa che crea problemi ci deve pur essere
      @#

      Elimina
  6. Buongiorno, Ernesto, una curiosità: vedo che sui blog blogspot la cui navbar è attivata, già compare, in automatico, un banner sulla policy fornito da Google che, nelle info sullì'accettazione cookie, punta a questa pagina: https://www.google.com/policies/technologies/cookies/. Domanda: per quei blog blogspot che non hanno la navbar attiva, è sufficiente inserire un banner che punti a quella medesima pagina? È una pagina esaustiva? Te lo chiedo perché vedo che il tuo "Politica dei cookie di questo sito in ottemperanza alla direttiva del Garante della Privacy" mi pare molto più dettagliato. Grazie.

    RispondiElimina
    Risposte
    1. Domanda da avvocato. Io ho tentato di essere il più esauriente possibile ma può darsi che l'informativa di Google sia sufficiente
      @#

      Elimina
    2. Grazie. Tra l'altro: i tanti blog accesi in passato, magari solo per prova, dei quali, evidentemente, non ci si ricorda più il nome, figuriamoci le credenziali di accesso? Mah.

      Elimina
  7. Ciao Ernesto vado leggermente OT , grazie come sempre per i tuoi consigli sulla normativa che riguarda i Cookie che ho sfruttato da tempo.Sono concorde nell'adeguarsi ad una disposizione che mi sembra tuteli gli utenti, però da un lato ne penalizza alcuni.Mi rifaccio in parte al precedente commento di Daniele Sensi(sui blog ormai "dismessi"per esempio).Ti segnalo per info che esiste la richiesta di mitigare la normativa attraverso una petizione on-line il cui testo (a parte il punto tre, sulla tempistica) mi sembra interessante. http://bloccailcookie.org/firma-la-petizione-al-garante-per-la-privacy/

    RispondiElimina
  8. Buongiorno Ernesto! e se la visualizzazione per Mobile non è quella dynamic?
    Per intenderci: ho un template acquistato (quindi non fornito da Blogger) e come visualizzazione per mobile ho "predefinito" poiché se metto personalizzato mi si visualizza il template che non è responsivo.
    Qual è la stringa per il mobile in cui inserire il banner?

    Grazie mille!

    RispondiElimina
    Risposte
    1. Il tuo sito è questo?
      http://www.lostilediartemide.it/2015/06/riuso-fashion-swap-party-avellino.html
      Non è Dynamic Views quindi puoi mettere un banner nel desktop e un altro banner nel mobile
      http://www.ideepercomputeredinternet.com/2015/05/cookie-law-desktop-mobile-blogger-barra-notifica-schermata-iniziale.html
      però senza scegliere Personalizza in Modello > Cellulare la vedo dura :(
      @#

      Elimina
    2. nulla, non funziona infatti. ho seguito tutto a dovere ma ora mi dà errore 500
      Failed to load a preview page. Please click preview button again.

      Error 500

      Ora vattelaapesca cosa ho toccato che non dovevo!

      Elimina
    3. Errore 500 significa che non dipende da te ma che è un errore interno del server. Forse hai scelto delle impostazioni che erano contradditorie tra di loro
      @#

      Elimina
    4. magari non fossi stata io! Ora non mi fa vedere le anteprime dei post e nella home del blog si legge questo in alto TEMPLATE ERROR: Expression is null before 10 in .pageType == "index"

      Eppure quando modifico il template porto tutto a come stava prima del problema, proprio per non incappare in errori di questo tipo. Forse qualcosa legato allo script della cookies policy?

      Elimina
    5. Spero che tu abbia salvato il modello. Lo script del banner è stato usato centinaia di volte quindi non credo sia responsabile di un bug
      @#

      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.