Come aggiungere il widget degli ultimi commenti direttamente nel modello di Blogger senza caricare nessuno script.

Noi blogger abbiamo sempre avuto il problema di caricare su hosting gratuiti i file javascript che servono per i widget del blog. All'inizio li postavamo su Google Page Creator che in seguito è stato chiuso, successivamente è stata la volta di Skydrive che però nel caso dei file javascript ha dato un sacco di problemi da subito.

Abbiamo cercato alternative con MyDataNest e con Dropbox ma l'affidabilità di questi servizi non è assicurata al 100%. Finalmente attraverso l'opzione Crea pagina > Schedario è stato possibile caricare questi tipi di file su Google Sites, servizio di Google quindi si pensava di non avere brutte sorprese. 

Quest'ultime invece ci sono state e il mio blog ha avuto problemi già due e tre volte, contando solo quelle di cui mi sono reso conto. A questo fatto ampiamente noto se ne è aggiunto un altro di difficile interpretazione.  Dall'inizio dell'anno infatti sarà applicato con gradualità un nuovo algoritmo alle ricerche di Google che avrà nella "velocità di caricamento" uno dei parametri principali per la determinazione delle SERP.

Ho deciso quindi di adoperarmi nell'inserire gli script direttamente nel modello invece di ospitarli in spazi esterni. Questo significa che il browser avrà meno richieste di indirizzi a beneficio della rapidità di apertura della pagina. Inoltre non ci saranno più problemi per eventuali black-out dei siti su cui erano ospitati i file.

Dopo averlo fatto con il menù orizzontale e con il widget di benvenuto sono arrivato finalmente all'ultimo script, quello dei commenti recenti. Se anche voi volete inserire questo widget nel modello per le ragioni appena illustrate andate su Layout > Modifica HTML e, dopo aver salvato il modello completo, cercate la riga

</head>

quindi, immediatamente sopra, incollate il seguente codice

<!--COMMENTI RECENTI INIZIO-->
<script type='text/javascript'>
//<![CDATA[
//Commenti Recenti by Parsifal32 - http://parsifal32.blogspot.com
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Gen";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="Mag";k_rc[6]="Giu";k_rc[7]="Lug";k_rc[8]="Ago";k_rc[9]="Set";k_rc[10]="Ott";k_rc[11]="Nov";k_rc[12]="Dic";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write(''+j_rc+' '+k_rc[parseInt(i_rc,10)]+': ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> ');if(n_rc==true)document.write(' in '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('&#8220;');document.write(l_rc);document.write('&#8221;<br/><br/>');}else{document.write('&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;');document.write('<br/><br/>');}}document.write('<div style="font-size:50%;text-align:center;"><p> <a href="http://goo.gl/vES4">Installa il widget</a> </div>');}
//]]>
</script>
<!--COMMENTI RECENTI FINE-->

come mostrato nello screenshot

Salvate il modello.  Andate in Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript e, in Sezioni del sito, incollate quest'altro codice

<script style="text/javascript">
var a_rc=6;
var m_rc=true;
var n_rc=true;
var o_rc=100;</script>
<script src="http://parsifal32.blogspot.com/feeds/comments/default?
alt=json-in-script
&callback=showrecentcomments">
</script>

inserite il titolo del widget che più vi piace e salvate cliccando in basso a destra come mostrato da quest'altro screenshot

Le personalizzazioni da fare sono:

1. Inserire l'URL del vostro sito al posto del mio che è evidenziato di rosso
2. In var a_rc=8 inserire il numero dei commenti che si vuole visualizzare
3. In var o_rc=100 mettere il numero dei caratteri che si intendono vedere per ogni commento

Adesso con il mouse posizionate l'elemento dove lo credete più opportuno. Se analizzate il codice non c'è nessun URL che rimanda a un file caricato su un hosting esterno quindi il widget non avrà mai problemi di malfunzionamento o di lentezza di apertura.

Ovviamente queste operazioni non possono essere fatte con il widget della pagina fan di Facebook o con Google Friend Connect ma già così si dovrebbe avere un riscontro positivo in fatto di velocità e di affidabilità. Tra qualche giorno controllerò le Prestazioni del Sito nelle Funzioni Sperimentali della Bacheca per Webmaster per avere una eventuale conferma.

Aggiornamento n°1: Ho notato che delle volte questo codice ha delle difficoltà a essere copiato. Forse sono i rettangoli in cui sono confinato che creano dei problemi. Nel caso a qualcuno non funzionasse può provare a copiare entrambi i codici nella pagina dei commenti recenti. Se per caso non  funzionasse la prima volta provate a reinserire nuovamente il codice nell'elemento HTML/Javascript. In due test che ho effettuato mi ha funzionato al secondo inserimento (vedi questo blog). La ragione mi è ignota…

Aggiornamento n°2: In alcuni modelli questo widget sembra che non riesca proprio a funzionare…

Aggiornamento n°3 - Ho messo il widget in un blog che uso per delle prove e si può vedere in questo post. Considerata la difficoltà di copiare il codice che sembra contraddistinguere questo widget ho messo in rete una versione pulita del codice da inserire prima di </head>. Si può selezionare e copiare in questa pagina.