Non e’ stato assolutamente facile. E qui condivido con voi la procedura corretta per farvi risparmiare diverse ore di tempo a navigare tra una documentazione scaduta (link a pagine non piu’ esistenti) o comunque imprecisa. Ma partiamo dall’inizio:
- un mio cliente mi chiede di implementare i commenti facebook sul suo blog in wordpress (tra parentesi: sui pro e i contro dell’utilizzo dei commenti facebook invece dei commenti “on site” altri ben piu’ autorevoli colleghi hanno scritto post molto ispirante);
- implementare i commenti di facebook su un sito e’ facile: basta andare su http://developers.facebook.com/docs/reference/plugins/comments/ impostare i diversi paramentri e cliccare il bottone per ottenere il codice da inserire nel sito web.
- ma nel caso appena descritto i commenti saranno comuni a tutto il sito; se vogliamo invece fare in modo che ogni pagina abbia i suoi commenti allora bastera’ stampare la url nell’attributo href (vedi qui sotto in bold) del codice che facebook ci ha dato (mi riferisco qui a pagine php):
<div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:comments href=”example.com<?php echo $_SERVER['REQUEST_URI']; ?>” num_posts=”2″ width=”500″></fb:comments>
- ok, ora abbiamo i commenti di facebook in ogni pagina del nostro sito o blog ma 1) non possiamo moderarli e 2) non abbiamo nessun pannello dove controllare i commenti che gli utenti postano! Se hai un sito di mille pagine dovresti navigarle tutte per controllare che i tuoi utenti non abbiano scritto porcherie in qualche commento di qualche pagina. Quindi?
- Quindi ora si fa complicata: innanzitutto bisogna creare un applicazione facebook.
- Alla pagina http://www.facebook.com/developers/ clicca su “Set UP New App”.
- Dagli un nome (Es: “www.miosito.com comments”), accetta le condizioni, inserisci il captcha…
- Ti ritroverai in un pannello con diversi parametri da personalizzare ma quello che ti interessa ora si trova nella tab “Web Site” (colonna a sinistra);
- Nel campo Site Url inserisci la url del tuo sito web e Salve le modifiche.
- Ti ritroverai in un altro pannello: in questo c’e’ l’ID applicazione… segnatelo perche’ ti servira’.
- Ora hai bisogno di trovare il tuo ID facebook. Non e’ facile trovarlo ma c’e’ un trucco:
-> clicca su “profilo” in alto a destra
-> clicca su “foto” (colonna sinistra)
-> apri uno dei tuoi album
-> testo destro su una tua foto e apri in unanuova finestra
-> testo destro sulla foto di nuovo e apri in una nuova finestra
-> ti ritroverai una url tipo: facebook.com/photo.php?pid=xxxxxxxx&id=xxxxxxxxxx
-> quel numero dopo “&id=” e’ il tuo ID facebook… segnatelo. - Ora vai nella pagina del tuo sito. Nell’head inserirai questo codice:<meta property=”fb:app_id” content=”ID_applicazione_che_ti_sei_segnato_prima”>
<meta property=”fb:admins” content=”ID_facebook_che_ti_sei_segnato_adesso” /> - Gia’ che ci siamo mettiamo anche lo script che collega il javascript nell’head:<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1“></script>
- Infine nell’html della pagina sistemeremo lo script di facebook con le impostazioni desiderate:<div id=”fb-root”></div><fb:comments href=”example.com<?php echo $_SERVER['REQUEST_URI']; ?>” num_posts=”5″ width=”500″></fb:comments>
- Ora alla pagina: http://developers.facebook.com/tools/comments dovresti vedere tutti i commenti che i tuoi utenti faranno sul tuo sito da questo momento in poi…
E ora parliamo di cose serie:
Questo articolo ti ha fatto risparmiare 3,4 ore di ricerche e lavoro. Non sarebbe il caso di offrirmi almeno un caffe’?
Categorie: Facebook