Commenti facebook sul tuo sito e il pannello di moderazione di facebook
ATTENZIONE!!! Esiste un aggiornamento a questo post a questo indirizzo:
https://jonathanseo.it/seospecialistblog/facebook/commenti-facebook-sul-tuo-sito-2/
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’?
ATTENZIONE!!! Esiste un aggiornamento a questo post a questo indirizzo:
https://jonathanseo.it/seospecialistblog/facebook/commenti-facebook-sul-tuo-sito-2/
Ciao, ho seguito le tue istruzioni per implementare il comment sul sito. Sembra funzionare tutto bene tranne per il fatto che quando il link viene condiviso la prima parte ( e cioè quella relativa al dominio) viene sostituita con http://www.facebook.com. Secondo te è facebook che fa questa cosa o c’è qualcosa che non va nel codice? Il mio codice è questo: <div class="fb-comments" data-href="” data-num-posts=”2″ data-width=”470″>
Cmq complimenti per il sito, ti offrirò sicuramente il caffè! 🙂
Grazie
aggiornamento: ho risolto il prob di prima. Ma ora la moderazione non funziona. Boh!!
Per prima cosa, grazie delle dritte.
Ora una domanda: questo codice va’ inserito in tutte le pagine o solo nell’index?
Ho seguito la procedura consigliata ma non ricevo gli aggiornamenti.
Grazie e buon lavoro.