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.

  1. Alla pagina http://www.facebook.com/developers/ clicca su “Set UP New App”.
  2. Dagli un nome (Es: “www.miosito.com comments”), accetta le condizioni, inserisci il captcha…
  3. 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);
  4. Nel campo Site Url inserisci la url del tuo sito web e Salve le modifiche.
  5. Ti ritroverai in un altro pannello: in questo c’e’ l’ID applicazione… segnatelo perche’ ti servira’.
  6. 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.
  7. 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” />
  8. 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>
  9. 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>
  10. 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/


3 Commenti

  1. Alessandro ha detto:

    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

  2. Alessandro ha detto:

    aggiornamento: ho risolto il prob di prima. Ma ora la moderazione non funziona. Boh!!

  3. Matteo ha detto:

    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.

Lascia un commento

Compila qui sotto tutti i campi e clicca "Invia Commento"

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.


Ebook SEO (SEO per Scrittori sull'Orlo di una Crisi di Nervi)

La ricerca (sulle) parole chiave

1.3 La ricerca (sulle) parole chiave
E se ti dicessi che la ricerca sulle parole chiave è il succo del lavoro del SEO? Ammettiamolo: il web sarà...

Come si fa un'Analisi SEO di un Sito Web. Completa! E per principianti!

1.2.2 Site: e altre diagnosi
In questo capitolo una guida completa per principianti su come analizzare lo stato di salute di un sito web attraverso...

L'obiettivo di un sito web

1.1 Obiettivo sito
Iniziamo il nostro percorso pratico (leggi il capitolo precedente "Come si lavora (quando si fa SEO)") con la fase di...

...vai all'indice dell'ebook »

Incredibile! C'è ancora roba qui sotto!