Vincenti
La possibilità di inserire, nelle vostre pagine web, un box dove gli iscritti a Facebook possono commentare direttamente nel vostro sito tramite il proprio account è certamente un'opportunità molto interessante, che vale la pena di mettere in pratica o quantomeno di approfondire. Ovviamente, come sempre avviene per tutte le nuove applicazioni del web 2.0 vi sono vantaggi e svantaggi nell’uso di questa applicazione.
Un vantaggio è certamente dato dal fatto che, tramite il box commenti di FB creerete un’ottima interazione con gli utenti del vostro sito, in quanto i commenti inseriti tramite tale box potranno essere pubblicati anche sul profilo Facebook del commentatore, con indiscussi eventuali vantaggi per la visibilità del vostro dominio. E qui, appunto, sorgono due piccoli svantaggi: prima di tutto, taluni utenti potrebbero non gradire questo, per ragioni di privacy (anche se va tenuto presente che è possibile commentare deselezionando l’opzione che automaticamente ripubblica sulla propria bacheca privata) e, infine, questo sistema andrà bene soltanto qualora il visitatore del vostro sito desideroso di lasciare un commento sia iscritto a Facebook, mentre tutti coloro che non sono iscritti a questo social non potranno commentare, anche se, a dire il vero, è possibile commentare anche tramite account Yahoo!, Hotmail e Aol.
In pratica, mentre un normale modulo per i commenti consente a tutti, nel rispetto della privacy, di esprimere la propria opinione, i commenti di Facebook pongono un limite in questo senso, anche se tutto ciò è ampiamente ripagato, a mio avviso, da un’interattività di gran lunga maggiore rispetto a qualsiasi altro sistema usato.
A voi la scelta su quale sistema usare, a seconda dei vostri obiettivi e necessità.
Vediamo quindi come creare un’applicazione per inserire i commenti di Facebook all’interno del vostro sito. Anzitutto, va tenuto presente che per sviluppare applicazioni bisogna verificare il proprio account, tramite questa pagina:
http://www.facebook.com/developers/
cliccando sul tasto in alto a destra “Set up new up”.
Eseguita la verifica, tramite numero di cellulare o carta di credito, potremo procedere, in maniera molto semplice, a creare l’applicazione base. Fatto questo, sarà necessario procedere come segue:
appuntatevi l’ID della vostra applicazione, che visionerete non appena avrete creato quest’ultima. Inserire, poi, all’interno del vostra pagina web, il codice in grassetto:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Mio sito</title>
</head>
<body>
<h1>Mio sito</h1>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="miosito.com" num_posts="10" width="500" colorscheme="dark"></fb:comments>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '219367454757423', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/it_IT/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
</body>
La parti in rosso andranno personalizzate, inserendo quindi la url del vostro sito e l’ID della vostra applicazione.
L’applicazione per il box commenti si può creare da qui:
http://developers.facebook.com/docs/reference/plugins/comments/
ed è possibile modificare e personalizzare vari parametri, anche se non siete programmatori java o php.
La parte di codice riguardante i commenti è naturalmente questa:
<fb:comments href="miosito.com" num_posts="10" width="500" colorscheme="dark"></fb:comments>
Ma per funzionare necessita di tutto il resto del codice così come ve l’ho inserito.
Fondamentale è anche questo tag:
xmlns:fb=http://www.facebook.com/2008/fbml
da inserire subito sotto la codifica dell’Xhtml, come da esempio sopra, in quanto comunica al browser come interpretare i tag Facebook. In pratica, è ciò che stabilisce un collegamento tra il vostro sito e Facebook. Successivamente, per amministrare, ovvero moderare il vostro box commenti, vi potete recare in questa pagina:
http://developers.facebook.com/tools/comments
da dove potrete gestire tutte le applicazioni che avrete creato.
Vediamo infine in dettaglio come personalizzare il box commenti che andrete ad inserire nel vostro sito:
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="miosito.com" num_posts="10" width="500" colorscheme="dark"></fb:comments>
num_posts="10" - indica ovviamente il numero di commenti che desiderate mostrare di default ai vostri visitatori:
width="500" - indica la larghezza del box espressa in pixel;
colorscheme="dark" - indica la skin del vostro box, ed è limitata alla scelta di "light", ovvero quella con lo sfondo chiaro, e "dark", idonea ai siti con sfondo scuro.
Esistono molte altre applicazioni per favorire una maggiore interazione (e quindi conversione) con gli utenti del vostro sito, ma questa mi è sembrata una delle più interattive ed innovative, in quanto molti altri plugin disponibili, quali ad esempio l' Activity Feed, il Facepile, il Like Box, il Like Button e il Live Stream mirano comunque sempre a collegare alla pagina sociale del vostro sito, oppure si limitano, come nel caso del Like Button ad una sorta di pubblicità simile allo Share button, ovvero il tasto condividi. Interessante invece il Send Button, che permette di inviare la pagina in questione tramite messaggio privato ad un altro utente Facebook. Per approfondire la funzionalità di quest'altro social plugin, recarsi a questo link: http://developers.facebook.com/docs/reference/plugins/send/
Andrea Mucciolo