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 nik lug 5,2011 01:00

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

  2. Reply Daniel giu 14,2011 10:30

    Ragazzi nn riesco a capire come fareeee sono uno principiante e nn so kome si fa mi potete dare direttamente il codice fatto per voglio ke io sono quello ke se ce un mesaggio ke nn mi va di cancellarlo ce ke kontrollo io la situazione dei mesaggi e tutto … Aiutatemiii Grazie in anticipo!!!

  3. Reply Andrea Taglia mag 28,2011 22:01

    ho letto dopo il fatto del Postable. Guarda direttamente dalla sorgente per favore: http://musicplace.altervista.org/xd_receiver.htm (è giusto qualche riga)

  4. Reply Andrea Taglia mag 28,2011 21:58

    Ciao!
    Complimenti per gli articoli davvero utili!
    Avrei bisogno di aiuto in quanto sto creando un sito e, seguendo al tua guida, sto cercando di mettere i commenti tramite facebook…ho seguito le tue istruzioni ma mi compare un box bianco con il logo di facebook con accanto un load infinito, cioè carica all’infinito…quello che penso di avere sbagliato è nell’ xd_receiver.htm…ecco quello che ho scritto in questo file:

    E’ giusto?
    E in ogni caso, come risolvere questo problema?
    Spero di essermi spiegato!
    Grazie,
    Andrea

  5. Reply Fabry mag 27,2011 12:28

    Ciao Gennaro,
    ho bisogno del tuo aiuto.

    Ho appena installato la finestra dei commenti di facebook nel mio sitoweb.
    Funziona, ma è allineata a sinistra, e io di css non ci capisco nulla)))

    che codice dovrei integrare e dove per avere la comments box allineata al centro della mia pagina html?

    Grazie anticipatamente)))

  6. Reply davide mag 23,2011 07:11

    il box commenti sborda di molto al di fuori del div e sballa la pagina html al di sotto…come si fa ad impostare un parametro altezza o a contenere il box in altezza con un parametro a piacimento o in altro modo con codice html magari?

    Grazie

  7. Reply Emmanuele D'Urso mag 16,2011 14:21

    Ho un problema con la moderazione. Ho inserito gli appositi meta tag ma non riesco a moderare. Mi sai dare una mano per favore?

  8. Reply Marco mag 16,2011 11:38

    Ciao! Nel mio blog wordpress vedo il modulo dei commenti facebook solo se sono loggato sul mio sito (nel mio caso come admin). Se faccio il logout, ma sono comunque connesso a facebook, quando visualizzo l’articolo non vedo il modulo dei commenti fb. Da cosa può dipendere?

  9. Reply Patty Capricciosa mag 12,2011 23:44

    ha che dificile, questo nemmeno ci provo! hahaha
    azz se sei bravo!

  10. Reply Giuseppe mag 4,2011 10:33

    ciao, grazie dell’articolo, ma pur avendo seguito alla lettera i tuoi passaggi non riesco ancora a visualizzare il box dei commenti; puoi tu stesso sbirciare l’HTML della pagina
    http://www.spaziosociale.it/articolo.asp?id_art=630

    spero tu possa aiutarmi! grazie davvero!

  11. Reply Stefano mar 21,2011 02:39

    Ho eseguito tutto alla perfezione ma il box non appare…

  12. Reply kale mar 9,2011 20:02

    ciao,
    innanzitutto grazie per il tutorial…
    ho seguito le istruzioni, tutto sembra funzionare tranne il fatto che non visualizzo il comment box sul mio sito..
    quando lo lancio vedo per un attimo la classica icona di caricamento di facebook (tre barre blu) ma poi non accade niente.

    ho controllato la formattazione ed è corretta…cosa potrebbe essere?

    grazie

  13. Reply Simone Bonacci mar 7,2011 11:10

    l’email non si riesce a ricavare dall’account facebook, giusto?

  14. Reply Tiedo Assemini feb 10,2011 21:48

    Ciao…..ho risolto tutto….alla fine era una cosa semplice, (si trattava di spuntare l’opzione consenti commenti anonimi,l’unico neo è appunto che nn viene visualizzato nessun nome x i nick)…..
    Grazie alle spiegazioni del tuo articolo ho inserito l’ opzione per i commenti in tutti i miei diversi articoli…(ogni articolo ha i suoi commenti)…grazie ancora…ciao

  15. Reply Riccardo feb 9,2011 19:59

    Scusa, sn ancora Riccardo, (questo è un commento senza fare il login da FB,)…..Ritornando al punto:
    non uso nessuna piattaforma ho realizzato un CMS da 0, (x la mia squadra di calcio, gestisco classifiche, articoli e le statistiche), i commenti sn per una pagina BACHECA, dove ognuno può scrivere quello che vuole, nella mia prima versione del sito li gestivo attraverso il mio database, con un semplice form creato da me, x la seconda versione ho preferito inserirli con FB (così magari veniva usata un po di+), però cosi escludo fuori chi nn ha un account FB.
    Domani mi metto al lavoro di nuovo, alla ricerca di qualche altra informazione, se poi riesco a realizzare quello che ho in mente, magari te lo faccio sapere…Grazie ancora ciao

  16. Reply Tiedo Assemini feb 9,2011 19:44

    Ciao, sn Riccardo, quello di prima…grazie per la risposta cosi veloce, non mi ero accorto che anche da te c era la possibilità di fare l accesso da facebook x inserire i commenti (non avevo proprio visto il tasto ACCEDI, e poi tu li visualizzi con un altro stile/grafica, diverso dalla grafica dei commenti di facebook)….
    La soluzione che avevo in mente era un po diversa……

  17. Reply Riccardo feb 9,2011 12:12

    Ciao, grazie al tuo articolo ho modificato il mio codice x inserire i commenti di FB sul mio sito, ed in questo modo non ho più problemi con Internet Explorer (prima infatti con I.E non visualizzava niente, mentre con gli altri browser si).

    Ora provo a spiegarti cosa vorrei fare….in altri diversi siti ho visto che cè la possibilità di inserire i commenti anche se non si ha un account facebook….in poche parole il form ti offre una doppia possibilità: puoi eseguire il login con FB oppure inserire una semplice user e la mail, e puoi scrivere i commenti come utente anonimo…..

    Sai per caso come si fa???? devo modificare qualche opzione dell’applicazione ???

    • Reply Gennaro Varriale feb 9,2011 17:14

      In altri diversi siti? Perchè qui no? Mi avvalgo della facoltà di non risponderti ora! ;)
      Scherzo, dipende dal tipo di sito e da come vengono gestiti i commenti.
      Se hai una piattaforma wordpress/drupal , trovi sicuramente qualche plugin o guida altrimenti devi fare da solo, via codice.

  18. Reply chuck gen 31,2011 18:28

    salve, ho un problema ho inserito il codice.. ma i commenti in tutti i post, sono gli stessi
    ho visto che un utente in precedenza ha chiesto la stessa cosa, ma non ho capito come ha risolto.. non sono un molto esperto di html
    mi puoi dire come si fa?
    grazie

    • Reply Gennaro Varriale feb 1,2011 11:07

      Quando scrivi il tag fb:comments inserisci un valore per xid.
      Questo valore deve essere diverso per ogni pagina.
      Immagina come se fosse un contenitore per i tuoi commenti, diversi valori, diversi contenitori.
      Se inserisci il nome del tuo sito come xid, avri un’unico contenitore. Quindi devi inserire il nome della tua pagina, non quello del tuo sito.

  19. Reply Marco Luzzi gen 14,2011 11:05

    Grazie delle informazioni!

  20. Reply strummer dic 5,2010 13:26

    Ciao. L’ho installato e sembra funzionare fatta eccezione per una cosa: anche se sono registrata come sviluppatore ed ho spuntato la casella ‘aggiungimi alla lista’ x ricevere le notifiche (da ‘Amministra post’), non mi arrivano mai le notifiche se qualcuno commenta i miei post.

    Dove ho sbagliato? Senza che io sappia che qualcuno commenta è un po’ inutile, no?

    HELP!

  21. Reply Cristiano ott 28,2010 09:31

    Complimenti ottima spiegazione su un argomento interessante.
    Molto utile come sempre.

  22. Reply Roberto Callari ott 19,2010 10:16

    Salve.. ho inserito il pulsante “mi piace” di in un blog di google.. per renderlo più visibile ho scelto l’opzione più grande.. ma non riesco a vedere i contatti (anche se avevo inserito visualizza avatar nei dati della pagina di fb per creare il codice HTML del plug).. adesso si è bloccato 1000 e non va oltre (1 mila).. come posso sbloccare questa situazione..? grazie

  23. Reply DoZ ott 18,2010 16:47

    Anche io – come Matteo Ferigo – ho il problema che il Comments Box si ripete uguale in tutte le pagine, portandosi dietro gli stessi commenti.
    Come si fa a fare in modo che riconosca ogni pagina come diversa?
    PS: l’ho inserito in un blog WordPress
    CIAO!

  24. Reply Tifosi Rosanero ott 10,2010 10:17

    Allora mi fermo al secondo passo. Vado alla paghina http://www.somethingtoputhere.com/xd_receiver.htm e non scarica nulla.
    Mi spieghi meglio? Grazie

    • Reply Gennaro Varriale ott 11,2010 08:56

      Beh se continui a leggere, vedrai che il secondo punto è facoltativo.
      E’ comunque la pagina vuota è quella da salvare (al suo interno c’è lo stesso codice che vedi dopo nel secondo punto, basta digitare ctrl-U per vedere il sorgente della pagina)

  25. Reply Matteo Ferigo set 30,2010 16:53

    Come non detto, trovato: basta cambiare il parametro xid…

  26. Reply Matteo Ferigo set 30,2010 16:22

    Ciao. Ottimo articolo.
    L’ho installato sul mio sito nella pagina di dettaglio dei vari post, il problema è che i commenti sono uguali (perché attingono dalla stessa tabella). Com’è possibile creare spazi distinti fra le diverse pagine di un sito?
    Grazie.

  27. Reply Daxda set 29,2010 13:58

    Ciao , sono in difficoltà ci ho provato per ore ma non riesco proprio a visualizzare il box premetto che non sono espertissimo , ma ho provato in tutti i modi …

    • Reply Gennaro Varriale set 30,2010 08:18

      assicurati che la pagina non abbia errori e che sia formata bene, con i tag html e body inclusi. Inoltre nell’applicazione Developer inserisci il tuo sito in WebSite.

  28. Reply Gianfranco set 19,2010 15:58

    Mi trovo in difficoltà con la gestione dei commenti, non posso ricontrollare tutte le pagine di un portale, per poter moderare i commenti.
    Che voi sappiate c’è una soluzione a ciò?
    Grazie

Leave a Reply to Gennaro Varriale Cancel Reply

  

  

  

Per essere informato sui miei contenuti - Email: