Inserire ” Facebook Comment ” in wordpress

Una delle esigenze più richieste dagli utenti WordPress è quella di poter sfruttare il plugin sociale dei commenti di Facebook, un social che ormai copre una grandissima fetta dell’attività di navigazione sul web. Grazie a questa integrazione possiamo incrementare il numero di visite ricevute da Facebook poiché ogni commento viene condiviso automaticamente sulla propria bacheca e non necessita di nessun login (nel caso che l’utente risulta già connesso) a differenza del normale sistema di commenti utilizzato nel cms.
Vediamo come inserire correttamente il codice senza l’ausilio di nessun plugin WordPress.



Create una semplice applicazione tramite questa pagina , impostate come base url il link del vostro sito, ricavatene quindi  ID applicazione / Chiave API
Copiate il seguente codice ed incollatelo nella pagina comments.php del template ( o dove preferite ):

<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/it_IT/all.js#xfbml=1&appId=0000000“;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
Dove 000000 è la Chiave API / id della vostra applicazione.

Fatto questo, Facebook vi dirà di inserire un url statico ma in WordPress eseguiamo la seguente :

<div class=”fb-comments” data-href=”<?php the_permalink(); ?>” data-num-posts=”10″ data-width=”610″></div>

Dove appunto grazie al php_the_permalink indichiamo di caricare i dati per la pagina(link) che stiamo visualizzando, 610 la lunghezza del div, e 10 il numero di post da visualizzare.
Note:
Al cambio del template bisognerà effettuare nuovamente la procedura.
Il conteggio dei commenti è separato dal core WordPress.


5 commenti

Fabio · 15 Dicembre 2011 alle 18:31

Ciao Scusa non so cosa sbaglio ma non sono molto pratico di programmazione. il codice è preciso come lo hai scritto o manca qualche tab di chiusura?

Grazie mille

    admin · 15 Dicembre 2011 alle 22:14

    No, Fabio. Il codice non necessita di ulteriori tag di chiusura.

Luigi · 21 Maggio 2012 alle 12:06

Ciao scusami, ho provato ad inserire i codici nel file.. ma non funziona.
Mi compare questo errore a piè di pagina:

Parse error: syntax error, unexpected ‘<' in /home/cosechenonsai.it/public_html/wp-content/themes/12052012/comments.php on line 85

e nella pagina viene visualizzata una sola colonna del template. Ne dovrebbero essere 3. Cosa sbaglio?!

Grazie

    admin · 26 Maggio 2012 alle 16:54

    Come dice l’errore c’è una ‘<' di troppo

Leo · 29 Maggio 2012 alle 19:10

Ciao, scusa ma non ho capito 2 cose 🙁

1) il primo pezzo di codice sostituisce tutto il contenuto del comments.php o va aggiunto?

2) dove va inserita la seconda parte del codice?

I commenti sono chiusi.