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:
1 2 3 | <div id="fb-root"></div> <script src="http://connect.facebook.net/it_IT/all.js#xfbml=1"></script> <fb:comments href="<Indirizzo della tua pagina>" num_posts="2" width="500"></fb:comments> |
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 :
<meta property="fb:admins" content="{ID FACEBOOK}"/>dove è importante inserire il corretto id facebook in modo che il box ci riconosca come amministratori e ci permette di moderare i commenti
Visualizzazione del numero dei commenti
E’ possibile anche visualizzare il numero dei commenti presenti in una pagina, tramite il seguente codice:
<fb:comments-count href="<Indirizzo della tua pagina>"></fb:comments-count>
« « Come effettuare il Jailbreak per iPad e iPhone | Utilizzare i server di Google per caricare jquery, swfobject ed altre librerie JavaScript » »
Articoli correlati
Vai in modifica...
Mah…io non riesco a inserire il box dei commenti…sicuramente non riesco a capire in cosa sbaglio
Ciao.. a me non va niente..
Ho incollato
ma non succede nulla.
Ciao Gennaro,
ok per l’utilizzo del box (grazie per questo post), ma come posso far confluire i commenti in una pagina di FaceBook?
ottimo..
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.
Mi dai un link dove posso vederlo (quando ho tempo..) .
Se non è raggiungibile un problema ci deve essere (o non compare nella bacheca dell’utente o il link nella bacheca dell’utente non è valido)
E’ una prova che ho fatto per vedere come viene, ma la pagina l’ho caricata sul server. Il link è questo:
http://www.gestione-ristoranti.com/Squeeze-Video-Intro-Membership/comment.html
non ho capito se dovevo inserire il link della pagina dove ho inserito il comment, oppure il link della mia pagina di Facebook…
Si tratta di una pagina dove andrò ad inserire un video…
Grazie, Claudia.
deve essere il link della pagina dov’è il like. Nel tuo caso la pagina non esiste ed infatti vieni avvertita. Hai commesso un errore la tua pagina e comment.html e tu hai inserito comments.html all’interno del tag .
Grazie Gennaro sei gentilissimo!!! Giaà sistemato, ora funziona alla grande!!! Ciao e grazie, Claudia.
Gennaro scusa, volevo chiederti una cosa ancora: vorrei inserire la moderazione dei commenti sulla pagina, dove va inserita esattamente? E quale porzione dell’ID? Grazie ancora.
devi inserire come detto nell’articolo nella sezione HEAD del tuo sito il seguente tag :
inserendo ovviamente il tuo id facebook. Grazie a questo FB capisce che sei l’amministratrice della pagina ed al fianco del like apparirà un nuovo link di amministrazione
ho inserito nella HEAD il seguente link,
,
ma mi resta da capire cosa comprende l’ID, solo la parte -id=xxxxxxxxx, dove ci sono tutti i numeri, oppure anche la stringa che mi da facebook con l’http? Grazie.
è un codice numerico , ovvero quello che hai quando vedi il tuo profilo senza il vanity url: es:
http://www.facebook.com/profile.php?id=
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?
Ho lo stesso problema di Andrea
Che devo fare per avere la possibilità che i commenti siano differenziati in base all’articolo?
la stessa risposta data ad Andrea
nel senso che devi inserire nell url del codice fb:comment l’url dinamico della pagina.
Ciao, perchè mi dice che l’indirizzo della pagina non è raggiungibile? Però funziona!
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?
Non ho provato. Ovviamente puoi metterli. Potresti però avere problemi con i tag OG.
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
ciao Andrea, se il sito è dinamico, anche l’url sara dinamico quindi o :
http://www.sito.it/page.php?id=450 o meglio http://www.sito.it/prodotto/nomeprodotto
come vedi l’url è differente ed è quello che va nell’href
Quindi mi sembra di capire che devo inserire una funzione che legge l’URL e lo inserisca nell’href del codice dei commenti?
devi trovare la giusta logica. Comunque non è necessario leggere l’url, già lo conosci nel momento del caricamento della pagina.
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?
forse non riesce ad eseguire il javascript? Hai controllato?
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.
no so se ci sia qualche bug, prova però a mettere altre regole e provare. Attenzione però a chiamare l’url aggiungnedo ogni volta un numero diverso, altrimenti FB mette in cache il css e non accetta modifiche
es:http://www.flashgamesxl.com/comment.css?4
Salve,
ma è possibile ricevere le notifiche quando viene postato un commento sopratutto se si ha un portale con molte pagine?
no. Prima era possibile, poi fu disattivata questa funzionalità.
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?