Come personalizzare il Banner di Blogger per i cookie nei modelli a Visualizzazione Dinamica.

Il javascript utilizzato da Google per i modelli Dynamics Views è lo stesso di quello degli altri template e non mi so spiegare perché quando provavo ad applicarlo non mi funzionava mentre adesso invece il banner si visualizza. Probabilmente hanno cambiato qualcosa nel codice per rendere il banner compatibile anche con i modelli a Visualizzazione Dinamica.

Ricordo per sommi capi di cosa sto parlando. Tutti i siti italiani avevano tempo fino al 2 Giugno per mettersi in regola con le disposizioni del Garante della Privacy. Si tratta di una regola europea a cui devono ottemperare tutti i paesi aderenti alla UE con la data limite del 30 Settembre 2015. In prossimità di questa scadenza Google ha implementato nei blog su Blogger un banner di consenso per i cookie che potremmo definire nativo.  A questo punto tutti gli sforzi che  avevamo fatto per creare il banner da soli sono diventati superflui. Si potrà comunque sempre scegliere di lasciare un nostro banner e di nascondere quello di Google.

Come linkare la nostra Policy Privacy nel banner per i cookie di Blogger o come eliminarlo.

Da poche ore in tutti i blog di Blogger sono stati implementati i banner di Google per la cosiddetta Cookie Law come ho già illustrato in un precedente articolo introduttivo. Questo banner ha il grande merito di essere visto anche nei blog a Visualizzazione Dinamica ma ha il difetto di linkare la pagina della Informativa Estesa di Google e non la nostra. 

Molti di noi avevano usato soluzioni diverse da questa proposte da Google nel suo Cookie Choices come del resto avevo fatto anche io e adesso si trovano con ben due banner mostrati ai lettori per la accettazione dei cookie. A questo punto si possono si possono scegliere sostanzialmente due tipi di soluzione. O si sceglie di lasciare il banner di Google e si personalizza oppure si decide di disattivarlo.

Google ha inserito il banner per i Cookie su Blogger anche per quelli a Visualizzazione Dinamica e con dominio proprio.

Pare che tutto quello che abbiamo fatto per la cosiddetta Cookie Law sia stato inutile o forse no. Giusto ieri tutti i publisher Adsense hanno ricevuto un messaggio con cui venivano informati della necessità di ottenere il consenso per l'utilizzo di cookie da parte dei visitatori. Questa funzionalità deve essere presente nei siti a partire dal 30 Settembre 2015. Questa data non coincide con quella che già si conosceva che era il 2 Giugno 2015.

Si tratta di una disposizione europea e gli stati membri sono obbligati a recepirla entro il 30 Settembre mentre il Garante italiano della Privacy lo ha fatto con qualche mese di anticipo. Oggi tutti i siti ospitati sulla piattaforma Blogger siano essi gratuiti del tipo nomeblog.blogspot.com o con dominio personalizzato hanno visto sul loro sito un nuovo banner oltre a quello che avevano aggiunto da soli prima del 2 Giugno. È ancora troppo presto per fare delle considerazioni conclusive certo che ora abbiamo una sovrabbondanza di avvisi per i lettori. Il banner per i blog gratuiti è più largo della Navbar

Come installare un banner per l'accettazione dei cookie nei Modelli a Visualizzazione Dinamica di Blogger.

In questo sito durante questi ultimi giorni mi sono occupato quasi esclusivamente del problema della cosiddetta Cookie Law (o Cookie Drama o Cookiegeddon come viene anche scherzosamente denominata), vale a dire la disposizione che obbliga gli webmaster ad avvertire i lettori della presenza dei cookie di profilazione sempre se questi siano utilizzati dal sito. 

Ho già presentato alcune possibili soluzioni come la Barra di Notifica personalizzata, la Schermata Iniziale, il Banner con tre link e Banner diversi per il Desktop e il Mobile. Tutti questi codici però non funzionano per i blog di Blogger con template Dynamic Views o a Visualizzazione Dinamica.

Indirizzato da un commento di pochi minuti fa sono però riuscito a trovare un sistema invero un po' estemporaneo per mostrare comunque un banner con link alla pagina della Cookie Privacy e con l'avviso per i lettori che il sito utilizza i cookie di terze parti per monitorare i loro interessi. Non ci sarà il bottone per l'accettazione e quindi per la chiusura del banner e neppure il cookie tecnico per non mostrarlo una seconda volta visto che il banner resterà sempre visibile.

Come obbligare i lettori a un solo tipo di visualizzazione nei blog a Visualizzazione Dinamica di Blogger.

I blog a Visualizzazione Dinamica di Blogger, o Dynamic Views, danno la possibilità agli utenti di essere visualizzati in 7 modi diversi che in inglese sono definiti come Classic, Flipcard, Mosaic, Sidebar, Snapshot, Timeslide e Magazine. In italiano la traduzione è parziale e desta più di una perplessità: Classica, Flipcard, Rivista, Mosaico, Sidebar, Istantanea e Timeslide.

In un precedente articolo ho illustrato un modo per forzare il browser ad aprire una particolare visualizzazione con una soluzione che però non si può considerare ottimale. Vediamo ora come, utilizzando lo strumento del reindirizzamento 301 presente nella Bacheca di Blogger, si possa obbligare il lettore a visualizzare il nostro sito con il modello prescelto. Quando un lettore apre il nostro sito tramite URL canonico lo visualizza con il template che abbiamo configurato. Se modifica la visualizzazione cambierà anche indirizzo. Per esempio se il lettore sceglie la visualizzazione Classica l'indirizzo della homepage del blog muterà in questo modo

Come inserire un motore di ricerca in un blog di Blogger a Visualizzazione Dinamica.

I blog su Blogger a Visualizzazione Dinamica offrono poche possibilità di personalizzazione. Anche il semplice inserimento di un modulo di contatto è tutt'altro che semplice. In realtà i widget ufficiali sarebbero anche disponibili per questi template. Se infatti si va su Layout > Aggiungi un gadget > Base si possono installare diversi widget tra cui anche quelli HTML/Javascript ma se lo facessimo poi non si vedrebbero nel blog. Questo accade anche per la Casella di Ricerca che invece sarebbe una funzionalità molto utile per qualsiasi sito.  

In questo articolo vediamo come sia possibile risolvere la questione installando il modulo di ricerca in una pagina statica che poi potrà essere aggiunta al menù orizzontale automatico che viene a crearsi con dette pagine. Se poi vogliamo fare le cose ancora più di classe possiamo realizzare un menù delle pagine statiche insieme a link esterni di social network con icone animate.

Come rinominare i tipi di visualizzazione nei blog a Visualizzazione Dinamica di Blogger.

Blogger ha introdotto i template Dynamic Views da più di tre anni e i risultati non si possono definire entusiasmanti. È assodato che questi modelli sono velocissimi e che permettono ai lettori di navigarci con grande facilità. D'altra parte però le personalizzazioni che il suo amministratore può fare sono veramente ridotte al lumicino e la mancanza di sidebar impedisce l'installazione di molti widget che non siano quelli ufficiali di Blogger. Si può ovviare solo usando una pagina statica insieme ai tag condizionali per incollarvi del codice che venga supportato come può essere quello di un iframe. 

In questo modo si può creare un modulo di contatto come abbiamo già visto o anche un motore di ricerca personalizzato come vedremo in un altro post. Il lettore nei template a Visualizzazione Dinamica può scegliere il layout che preferisce tra Classic, Flipcard, Magazine, Mosaic, Sidebar, Snapshot e Timeslide. Nei blog di lingua italiana alcuni di questi tipi di visualizzazioni sono stati tradotti. Se si apre il menù verticale posto sulla sinistra della Intestazione vedremo in elenco Classica, Flipcard, Rivista, Mosaico, Sidebar, Istantanea e Timeslide come mostrato nel seguente screenshot 

Come mostrare la descrizione sotto il titolo del blog nei Modelli a Visualizzazione Dinamica di Blogger.

Nei Modelli a Visualizzazione Dinamica o Dynamic Views di Blogger le personalizzazioni sono molto limitate e questo è un vero peccato perché la potenzialità di questi template e la loro velocità di caricamento ne farebbero un prodotto ottimale per chi si diletta con il blogging. È finalmente disponibile anche per quei modelli la funzione per selezionare uno sfondo tra quelli proposti nella Libreria oppure di caricarne uno di nostro gradimento con cui creare un Header o Intestazione.

Si va su Modello > Personalizza > Sfondo > Immagine di sfondo e se ne sceglie una tra quelle proposte. Alternativamente si può andare su Carica immagine e selezionare una immagine dal nostro computer che abbia esattamente le dimensioni dell'Header o Intestazione (soprattutto in altezza). L'immagine in questo modo sarà lo sfondo di tutto il blog. Andate adesso su Allineamento e selezionate uno dei tre proposti in alto (a sinistra, al centro o a destra). 

Come mostrare le icone dei social network nei blog a Visualizzazione Dinamica di Blogger.

I template di Blogger a Visualizzazione Dinamica o Dynamic Views furono introdotti qualche anno fa da Blogger ma contrariamente a quelle che erano le aspettative non hanno avuto un successo travolgente e ancora adesso i blog che hanno scelto questi modelli rappresentano una minoranza. La ragione principale risiede nella grande difficoltà di personalizzazione che questi comportano.

 

Per esempio non esistono sidebar come negli altri template in cui inserire dei widget immediatamente mostrati ai lettori. Si possono installare i gadget ufficiali di Blogger ma saranno visibili ai navigatori solo passando con il mouse nella parte destra del layout. Un'altra limitazione molto forte è pure l'impossibilità di utilizzare il gadget HTML/Javascript che serve per tutti i widget non ufficiali di Blogger come per esempio la visualizzazione di semplici icone con collegamento ai social network. Non è inoltre possibile mostrare nell'area del post un qualunque gadget con l'unica eccezione del menù delle Pagine Statiche che opzionalmente può essere inserito subito sotto alla intestazione del blog.

Creare un modulo di contatto con Google Drive utilizzabile anche con i modelli a Visualizzazione Dinamica di Blogger.

A seguito di alcuni commenti relativi a un mio vecchio post mi sono deciso a riprendere il tema di come creare un modulo di contatto utilizzando lo straordinario strumento gratuito di Google Drive. La procedura che andrò a illustrare ci porterà alla realizzazione di un modulo che può essere usato per interagire con i lettori senza utilizzare direttamente il nostro indirizzo email. In sostanza i messaggi che riceveremo comprensivi del nome, indirizzo email e di tutti gli altri campi che volessimo creare andranno a riempire un foglio di lavoro creato automaticamente dal modulo.

Questo ci eviterà di ricevere email di spam anche se avrà la piccola controindicazione che dovremo copiare l'indirizzo email e incollarlo nel nostro client di posta elettronica nel caso avessimo in animo di rispondere. Un modulo così concepito potrà essere installato in qualsiasi pagina web o in un blog di altre piattaforme come Wordpress, Joomla, Drupal, LiveJournal, ecc. Ho testato questo modulo di contatto anche nei blog su Blogger a Visualizzazione Dinamica in tutti e otto i modelli possibili.

Come cambiare famiglia e dimensioni dei font della Barra di Intestazione nei blog a Visualizzazione Dinamica.

Torno con questo piccolo post a occuparmi brevemente dei blog su Blogger a Visualizzazione Dinamica che come è noto non offrono particolari spunti di personalizzazione. Ricordo che qualsiasi blog su piattaforma Blogger può essere visualizzato con un modello Dynamic Views semplicemente ponendo /view alla fine del suo URL canonico cioè incollando nel browser un indirizzo come

mioblog.blogspot.com/view

Questi modelli sono caratterizzati oltre che da una grande velocità di caricamento anche dalla particolare Barra di Intestazione in cui si può scegliere il template con cui si preferisce navigare il blog.  Questa barra è nera con il testo bianco di default. Andando su Modello > Personalizza > Avanzato > Barra Intestazione si possono selezionare la famiglia di font, il colore del testo e quello di sfondo oltre al corsivo e al grassetto. In basso si vedrà l'anteprima del del blog e per rendere operative le modifiche dobbiamo cliccare su Applica al Blog in alto a destra

Come creare un menù a tendina con le pagine statiche nei blog di Blogger a Visualizzazione Dinamica.

I blog su Blogger da anni danno la possibilità di aggiungere delle pagine statiche che non finiscono nei normali feed del sito e che servono per creare delle gallerie di foto, delle pagine di info, delle raccolte di articoli o delle landing page particolari per i navigatori.

Queste pagine creano un menù orizzontale o verticale di default. Per effettuare la scelta si va su Pagine > Mostra pagine come. Le tre opzioni sono: Schede in alto, Link laterali e Non mostrare. Il menù orizzontale viene creato con la selezione di Schede in alto che è poi quella impostata come predefinita. Questa funzione è rimasta sostanzialmente la stessa anche nei modelli a Visualizzazione Dinamica. Ricordo che si possono creare fino a 20 pagine statiche per ogni blog. In taluni modelli un tale menù molto lungo si dispone su due file mentre in alti mostra solo i primi elementi.

Tutte le personalizzazioni per i modelli a Visualizzazione Dinamica.

Blogger introdusse alla fine di Marzo 2011 i template Dynamic Views (Visualizzazione Dinamica) con l'obiettivo di farli adottare dalla maggior parte degli utenti della piattaforma. Questi modelli sono costruiti con le più moderne tecnologie e i suoi sviluppatori hanno attinto ai più recenti sviluppi dei linguaggi AJAX, HTML5 e CSS3. I template selezionabili sono sette vale a dire Classic, Flipcard, Mosaic, Sidebar, Snapshot, Timeslide e Magazine. Una delle particolarità è che può essere lo stesso navigatore a scegliere con quale layout visualizzare il sito su Blogger che sta consultando.

Le innovazioni di questi template riguardano aspetti importanti dal punto di vista della usabilità e anche dal lato SEO. È stato introdotto lo scrolling senza limiti per leggere i commenti senza dover aprire un'altra pagina, è stata inoltre aumentata la velocità di caricamento e migliorata la possibilità di interagire con questi siti. Forse non tutti sanno che si può visualizzare qualsiasi blog su Blogger come se avesse un modello a Visualizzazione Dinamica. Basta aggiungere /view all'URL solito anche nel caso di un blog su dominio personalizzato.Questo sito può essere navigato in modalità Dynamic Views incollando

Come personalizzare le icone dei widget nei blog di Blogger a Visualizzazione Dinamica.

Continuo sulla falsariga degli ultimi due post in cui ho illustrato due widget specifici per i siti su piattaforma Blogger con i template Dynamic Views. Il widget per la sottoscrizione del Canale su Youtube e quello del Like Box di Facebook vengono installati entrambi andando su Layout > Aggiungi un gadget > Testo. Come è noto i widget aggiunti ai blog a Visualizzazione Dinamica vengono visualizzati in una sidebar a scorrimento situata nella parte destra del layout. Ciascun gadget è rappresentato da una specifica icona. Se per esempio avessimo installato i due widget con Testo, questi saranno visualizzati nello stesso modo prima che siano aperti con il cursore.

L'obiettivo di questo post sarà quello di passare dalla visualizzazione anonima dello screenshot di sinistra a una più personalizzabile con icone diverse per ciascun widget dello screenshot di destra

Come mostrare il Like Box di Facebook nei siti a Visualizzazione Dinamica di Blogger .

Dopo aver illustrato come visualizzare il widget per la sottoscrizione del canale Youtube anche nei modelli di Blogger cosiddetti Dynamic Views, vediamo come sia possibile mediante un procedimento simile installare anche il Like Box di Facebook vale a dire l'invito a sottoscrivere la nostra pagina fan con visibili gli avatar delle persone che lo hanno già fatto.

Si usa il meccanismo già illustrato nel post su come inserire tutti i plugin di Facebook per i metadati Open Graph, il codice per iFrame ricavato da Facebook Developers e il widget Testo. Riepilogo brevemente come procedere con Facebook. Si va su Facebook Developers e si clicca su Crea Applicazione. Si digita il Titolo e si supera il controllo visivo di una captcha

Come installare il widget per il canale di Youtube nei modelli Dynamic Views di Blogger.

Gli utenti di Blogger sanno bene che i modelli a Visualizzazione Dinamica hanno un sacco di pregi a partire dalla eccezionale velocità di caricamento della pagina ma anche il difetto non irrilevante di avere una scarsa possibilità di personalizzazione rispetto ai classici template.

Bisogna dire però che aguzzando l'ingegno qualcosa si riesce a fare anche con questi modelli. La limitazioni più sentite sono quelle della mancanza di vere sidebar e della impossibilità di inserire widget HTML/Javascript. In verità una specie di sidebar esiste anche nei modelli Dynamic Views che si mostra con effetto slide sulla destra quando ci si passa sopra con il cursore

Come personalizzare i caratteri dei blog a Visualizzazione Dinamica con i 700 font di Google.

Su Blogger possono essere usati diversi tipi di caratteri agendo su Modello > Personalizza > Avanzato e scegliendo il font tra quelli proposti per i vari elementi. Le famiglie di caratteri possono anche essere diverse e si può optare per un certo tipo di font per il titolo del blog, per un altro per il testo del post e per un altro ancora per i titoli del widget. Dal punto di vista grafico non so quanto questa scelta possa essere opportuna ma si può sicuramente fare operando nel Designer Modelli.

Le famiglie di caratteri ufficiali disponibili sono Arial, Courier, Georgia, Impact, Times New Roman, Trebuchet e Verdana. Oltre a questi ci sono anche quasi cento web font in ordine alfabetico che vanno da Allerta a Yanone Kaffeesatz.

Come mostrare tutto il titolo nei modelli Timeslide delle Dynamic Views di Blogger.

Gli utenti di Blogger che hanno scelto le Visualizzazioni Dinamiche o Dynamic Views sanno che è il navigatore a scegliere il modo in cui visualizzare il blog. Nella barra orizzontale si può aprire un menù a tendina che mostra tutte le sette opzioni di visualizzazione disponibili: Classic, Flipcard, Magazine, Mosaic, Sidebar, Snapshot e Timeslide. E' stato trovato anche un meccanismo per rendere il layout immutabile senza dare la possibilità al visitatore di cambiarlo. Questo sistema ha però degli inconvenienti visto che viene nascosto anche il menù creato con le pagine statiche.

E' comunque l'amministratore del blog che sceglie la Visualizzazione di default per il proprio sito. E' quella che viene vista nell'Anteprima in Modello > Personalizza. Nel template Timeslide i titoli troppo lunghi vengono nascosti e viene mostrata solo la prima riga.

Come risolvere il problema dei blog a Visualizzazione Dinamica che non caricano tutti gli elementi.

I template Dynamic Views hanno indubbiamente molti atout rispetto a quelli ordinari ma da sei mesi a questa parte hanno manifestato un bug che il Team di Blogger sembra non abbia riconosciuto come tale. Nella spasmodica ricerca come aumentare la velocità di caricamento della pagina, i modelli a Visualizzazione Dinamica non mostravano una parte dei loro contenuti. Cioè dopo che era stato aperto un post o la homepage non venivano visualizzate alcune sezioni della pagina. Per risolvere il navigatore si vedeva costretto a andare su F5 o su Ctrl+R per ricaricare la pagina e questo doveva farlo più volte.

Poi si doveva fare i conti anche con l'aspetto estetico visto che i blog in quelle condizioni menomate non erano certo belli da vedersi. Il problema è stato posto nei forum di Blogger in diverse lingue ma sembra che sia stato considerato non una cosa da risolvere ma solo una caratteristica indesiderata.

Installare un contatore di visite nei blog a Visualizzazione Dinamica.

E' noto che i blog di Blogger del tipo a Visualizzazione Dinamica o Dynamic Views sono difficilmente personalizzabili ma qualcosa si può fare anche se si tratta quasi sempre di piccolezze. Sono stati introdotti i widget, è ora possibile mostrare sempre la sidebar degli stessi, nascondere alcuni elementi, impedire da passare da una visualizzazione a un'altra, aggiungere l'intestazione e personalizzarla, modificare il colore dei widget e quello dell'icona dei commenti. In ultimo si può anche aggiungere il bottone di Pinterest. Per effettuare queste modifiche si sfruttano essenzialmente i CSS visto che la modifica del template per il momento è ancora piuttosto ardua.