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

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

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

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.