Inserire i commenti facebook sul proprio sito (comment box) 94





Nel precedente articolo abbiamo visto come inserire il pulsante “mi piace” in un sito sfruttando i nuovi social plugin di facebook. Ora vediamo come aggiungere il box dei commenti, in modo che i nostri utenti possono interagire col sito e nello stesso tempo, aumentare il nostro traffico grazie alla propagazione sulla bacheca facebook dei messaggi inseriti.

Facebook ha facilitato di molto le cose, con la nuova versione dei commenti. Per poter inserirli nel nostro sito basta copiare (e personalizzare) queste righe:

Ora cerchiamo di capire meglio in modo da poter personalizzare con facilità :
La prima riga inserisce un contenitore dove il codice di facebook inserirà i commenti
La seconda carica la libreria javascript (in italiano) che gestisce l’intero processo.
La terza ci permette di personalizzare l’aspetto e le funzionalità del box dei commenti.

Vediamo quindi i parametri (tag) che possaimo utilizzare:

href: l’indirizzo della nostra pagina, dove è presente il box dei commenti.
width: la dimenesione del box
num_post : il numero dei commenti da visualizzare (default è 10)
colorscheme: il colore di base del box. Può essere light (default) o dark

Moderazione Commenti

E’ possibile moderare i commenti. Per farlo dobbiamo identificarci come amministratori.
Quindi bisogna aggiungere nel tag Head della pagina html :

dove è importante inserire il corretto id facebook in modo che il box ci riconosca come amministratori e ci permette di moderare i commenti

UPDATE:

Per inserire il box dei commenti ora è necessario avere un’applicazione Facebook associata.
Una volta creata l’applicazione (se non esiste già) basta andare al link https://developers.facebook.com/docs/plugins/comments/
e selezionare come includere il box dei commenti (Html5 o XFBML) e successivamente copiare ed incollare il codice generato.

Seguimi su twitter : @ironico

94 thoughts on “Inserire i commenti facebook sul proprio sito (comment box)

  1. Reply Gioele Riccobene apr 6,2014 00:26

    Ciao, grazie per la guida, ma non riesco a moderare i commenti su “Weebly”, nell’html ci sono più sezioni “Head”, in quale lo devo incollare?

  2. Reply Mikele gen 12,2014 10:05

    Ciao a tutti,
    vorrei integrare i “Post recenti di altri utenti della pagina FaceBook” tramite codice php in un widget in wordpress, sto impazzendo ma non riesco a trovare nessuna news a riguardo se non quella di permettere di inserire i commenti.
    in pratica vorrei solo visualizzare “Post recenti di altri utenti della pagina FaceBook” con foto di chi ha inserito il post.

    grazie in anticipo.

  3. Reply Claudia de Mori ott 24,2013 11:56

    Ciao Gennaro, avevo provato a inserire l codice che ho trovato su questo articolo 2 anni fa e funzionava, ma ora ho provato a inserirlo su un’altra pagina e sembta non funzioni. C’è qualcosa di sbagliato? Oppure non funziona più perchè facebook ha cambiato dei parametri?
    Quando lo inserisco mi compare questa stringa -href URL is not properly formatted- ho provato a cercare sul web ma non riesco a risolvere il problema, mi potresti aiutare?
    Grazie.

  4. Reply Bruno Giustacchini ago 29,2012 15:43

    Ciao Gennaro, complimenti e grazie per le informazioni condivise.
    Cerco aiuto per un aspetto del box commenti, vale a dire la visualizzazione del commento sul news feed dell’utente che ha selezionato la casella “pubblica su fb”. Il commento dovrebbe apparire come un qualsiasi “link commentato” cioè : commento + box con un’immagine selezionata dalla pagina a cui si rimanda e un’anteprima del contenuto della pagina stessa. Questo era anche il “risultato” del pulsante “condividi” che utilizzavo in precedenza.
    La pubblicazione del commento attuale invece genera un post con il commento (ok) e un box con un’immagine presa casualmente dalla pagina e il solo nome del sito, comunque correttamente linkato alla pagina commentata.
    link alla pagina-test che ho caricato per verificare la funzionalità:
    http://www.bmxr.it/newsint.asp?id=1154
    esempio di come compare il commento su fb:
    http://www.facebook.com/pages/Test-mobile-fb/165647296779344?ref=hl
    Grazie per l’aiuto, ciao, Bruno

  5. Reply iKono lug 6,2012 15:16

    Ciao, il codice è perfettamnete funzionante, ma per la validazione w3c come lo modifichi????

  6. Reply john mag 15,2012 12:23

    qualcuno mi puo aiutare? i commenti funziona, pero ce un riquadro con scritto, attenzione la pagina non è raggiungibile, cosa posso fare?

  7. Reply Francesco Cante apr 21,2012 17:35

    ciao gennaro scusami una domanda ma il colore light dove lo devo inserire e come? che nella guida non c’è scritto purtroppo.

    Cordiali saluti.

    Francesco Cante

  8. Reply Giacomo apr 1,2012 10:14

    Ciao e grazie per l’ottima guida! Avrei un dubbio, una volta inserito il plugin per i commenti in pagina, come posso fare a vederli sul profilo facebook dell’utente che ha inserito il commento? E’ necessario che l’utente abbia anche già effettuato un LIKE? Grazie

  9. Reply Ioana mar 30,2012 18:14

    Ciao Gennaro.
    Le tue istruzioni sono perfette..solo che ho in problema.
    Ho inserito in un sito in preparazione la like box che funziona perfettamente. Ora però vorrei integrare ogni notizia con il box del commento, ma se inserisco le righe le hai indicato alla fine del box stesso, mi appare un box per il solo commento…ma relativo a quale notizia? Ho guardato poi anche nella relativa pagina di fb e lo stesso commento non compare. Se hai un attimo di tempo mi dici per cortesia dove sbaglio?
    Il sito è http://www.radiostella.biz. Grazie mille.
    Ioana

  10. Reply Marco feb 9,2012 12:08

    Mah…io non riesco a inserire il box dei commenti…sicuramente non riesco a capire in cosa sbaglio

  11. Reply Gianluca gen 28,2012 01:55

    Ciao.. a me non va niente..
    Ho incollato

    ma non succede nulla.

  12. Reply Claudio gen 20,2012 20:13

    Ciao Gennaro,
    ok per l’utilizzo del box (grazie per questo post), ma come posso far confluire i commenti in una pagina di FaceBook?

  13. Reply Claudia De Mori nov 30,2011 15:05

    Ciao gennaro, complimenti per il sito e grazie.
    Io ho lo stesso problema di Davide, che dice:

    Davide scrive:
    12 novembre, 2011 alle 7:37 pm

    Ciao, perchè mi dice che l’indirizzo della pagina non è raggiungibile? Però funziona!

    Succede qualcosa se compare questa dicitura sotto?

    Grazie Claudia.

  14. Reply Flavia nov 23,2011 19:15

    Ciao Gennaro!
    Senti, io sto cercando di inserire questo box dei commenti, ho letto un sacco di guide e sembra tutto corretto. Io, invece di utilizzare XFBML, l’ho fatto con i codici HTML5. Però poi non si vede nulla. Nel punto in cui dovrebbe apparire il box non c’è niente. E per un secondo appare solo una piccola barra di caricamento di Facebook, poi il nulla!
    Javascript è attivo, quindi non capisco il problema :(
    Cosa può essere secondo te?

  15. Reply Giuseppe Bonadonna nov 16,2011 19:34

    Ho lo stesso problema di Andrea

    Che devo fare per avere la possibilità che i commenti siano differenziati in base all’articolo?

  16. Reply Davide nov 12,2011 19:37

    Ciao, perchè mi dice che l’indirizzo della pagina non è raggiungibile? Però funziona!

  17. Reply Andrea Gentili nov 5,2011 10:46

    Ciao. Una domanda. Sul mio sito è possibile visualizzare più articoli nella stessa pagina. posso mettere alla fine di ogni articolo il box commenti di facebook o è possibile metterne uno solo per pagina?

  18. Reply Andrea ott 14,2011 10:10

    Ciao Gennaro e complimenti per il tuo sito! Lo sto trovando molto utile! Non mi è chiara una cosa riguardo al comment-box. Tu dici che nell’href bisogna inserire l’URL della pagina in cui si trova il comment-box. Ma se ho un sito con centinaia di pagine di prodotti e volessi permettere di commentare ogni singolo articolo indipendentemente uno dall’altro, come dovrei fare? Ho fatto un paio di prove, ma se commento un articolo, mi ritrovo lo stesso commento anche in tutti gli altri. Dove sto sbagliando?

    Grazie. Andrea

  19. Reply Ferdinando Picarella ott 9,2011 14:20

    Ciao Gennaro,
    complimenti per il tuo sito!
    Ho provato a seguire la tua procedura per il mio blog (su Myblog.it, aggiungendo anche la specifica per FBML nell’intestazione della pagina interessata), però non produce alcun risultato. Credi che con Myblog ci siano delle limitazioni particolari?

  20. Reply Maurizio ott 2,2011 13:58

    Ciao Gennaro,
    ho letto ed eseguito la tua semplice guida e finamente sono riuscito a capire quali fossero i passi giusti da eseguire.

    Volevo però personalizzare il css dei commenti, ho quindi inserito l’attributo css=”http://www.flashgamesxl.com/comment.css” con un semplice a{color:#fba020;} di prova … ma i colori restano invariati e il frame considera sempre il css inserito da facebook.

    Ti chiedo come è possibile personalizzare il css ? E’ possibile personalizzare tutto o solo alcune parti ?

    Saluti, in attesa di una tua risposta.

  21. Reply Gianluca Lombardo lug 16,2011 10:33

    Salve,
    ma è possibile ricevere le notifiche quando viene postato un commento sopratutto se si ha un portale con molte pagine?

  22. Reply nik lug 5,2011 01:01

    ho problemi con la comments-count multipla in una stessa pagina… ho più preview articoli di cui non voglio visualizzare i commenti ma solo il numero… idee?

Leave a Reply to Anonimo Cancel Reply

  

  

  

Per essere informato sui miei contenuti - Email: