Corsi on-line

Embedding del news feed di Facebook nelle pagine Web

Se gestite una pagina Facebook con un certo seguito e desiderate integrare i news feed in essa pubblicati nel vostro sito Web, potrete eseguire tale operazione senza la necessità di ricorrere a soluzioni non particolarmente SEO friendly; per far questo dovremo lavorare un po’ sul sorgente della pagina HTML di destinazione inserendo due diversi snippets, uno subito dopo l’apertura del tag “body”, l’altro nel punto della pagina in cui vogliamo venga mostrato il news feed.

Il codice da inserire immediatamente dopo il “body” di apertura sarà il seguente:

<div id="fb-root"></div>
<script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1&appId=207087449372135";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

Mentre il div seguente dovrà essere definito all’interno dell’area deputata alla visualizzazione:

<div class="fb-like-box" data-href="https://www.facebook.com/MrWebmaster" data-width="400" data-height="500" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="true" data-show-border="true"></div>

Si otterrà quindi un risultato simile al seguente:

Cattura

Se desiderate visualizzare anche delle foto dei vostri followers in coda al newsfeed, potrete farlo settando su “true” il parametro “data-show-faces“; per maggiori informazioni sarà possibile consultare l’apposita pagina presente sulla sezione di Facebook dedicata agli sviluppatori.

Post correlati
  • Sarita Panza

    Grazie. Avevo provato ad usare il codice di facebook per fare embed dei post, ma non so come mai non funzionava. Con il tuo codice ha funzionato!

I più letti del mese
Tematiche