Metodo per inserire i plugin di Facebook in modo asincrono per aumentare la velocità di caricamento del blog.

Questo articolo è un completamento dei post che ho dedicato all'argomento e vuole presentare un metodo alternativo per inserire alcuni plugin di Facebook nel nostro blog. Ricordo alcuni post che ho scritto su questo tema

1. Come inserire il Like Box della pagina fan -
2. Come installare il widget degli Articoli Consigliati -
3. Come installare Activity Feed, il gadget delle Attività Recenti su Facebook -

In tutti e tre questi articoli ho precisato che si poteva installare l'iFrame copiando la prima parte del codice oppure poteva essere copiata la seconda parte del codice a patto di modificare il modello.
Questa seconda opzione può risultare interessante per una maggiore velocità di caricamento del widget e, nel caso se ne inserisca più di uno, per una maggiore semplicità. Il procedimento di installazione si basa sui Tag XFBML che è uno strumento di Facebook messo a disposizione degli sviluppatori.
Per un blog su Blogger si va su Layout > Modifica HTML e si salva il modello completo. Si espandono i modelli widget e si cerca la riga </body>; è facile trovarla perché è in fondo al modello (la penultima per l'esattezza). Immediatamente sopra a questa riga si incolla il codice 

<!-- FACEBOOK SDK INIZIO -->
<div id='fb-root'/>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: &#39;your app id&#39;, status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement(&#39;script&#39;); e.async = true;
    e.src = document.location.protocol +
      &#39;//connect.facebook.net/it_IT/all.js&#39;;
    document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
</script>
<!-- FACEBOOK SDK FINE -->

che è il Javascript SDK e che permette il caricamento del widget in modo asincrono per non bloccare il caricamento degli altri elementi della pagina.
E' proprio questa particolarità che fa preferire questo metodo di installazione rispetto a quello già illustrato. Ecco lo screenshot esplicativo
Si salva il modello. Adesso per l'inserimento dei widget bisognerà selezionare, copiare e incollare la seconda parte del codice al posto della prima. Faccio l'esempio per il Like Box ma il procedimento è lo stesso anche per gli altri due widget.
Si accede alla pagina del Like Box e si incolla l'ID della nostra pagina fan. Dopo aver personalizzato il widget, si clicca su Get Code 
Nella finestra che si aprirà sarà nostra cura copiare il codice XFBML invece di quello dell'iFrame  

Si incolla in Layout > Aggiungi un gadget > HTML/Javascript in questo modo

Si clicca su Salva e si posiziona con il mouse come al solito. L'unica controindicazione è nella lingua visto che, per il momento, invece di visualizzare le espressioni "Mi Piace" e "Non ti piace più" si vedono le corrispondenti espressioni in lingua inglese. Ho provato a sostituire la stringa en_US con it ma non funziona. Il problema è che non sono riuscito a trovare la versione italiana di questo file Javascript http://connect.facebook.net/en_US/all.js. Se qualcuno, più bravo di me, ci riesce tanto di cappello e di ringraziamenti.
Aggiornamento: Ho trovato lo script in italiano. Basta sostituire en_US con it_IT.
Con i plugin inseriti con questa procedura non è raro che vengano caricati per ultimi, in modo indipendente dal resto della pagina, con grande beneficio per la rapidità di visualizzazione. Sono inoltre informato che, in alcuni blog, i plugin di Facebook ancora non funzionano in modo corretto. Invito coloro che si trovassero in questa situazione a provare questo sistema per vedere se riescono a risolvere.

---