Il widget degli Ultimi Commenti su Disqus.

Come realizzare il gadget degli Ultimi Commenti postati in un sito Blogger o Wordpress tramite Disqus.

Disqus è un servizio web che permette di integrare commenti su molte piattaforme tra cui Blogger e Wordpress. Una volta che ci siamo loggati su Disqus si potrà commentare con questa identità su tutti i siti che hanno scelto questo sistema di commenti. Si può indifferentemente commentare anche attivando l'identità Facebook, Twitter e Google+. Si tratta in effetti di interazioni molto più ricche di quelle a cui si siamo abituati visto che si possono inserire anche immagini, condividere i commenti sui social o votarli con un Mi Piace o un Non Mi Piace.

In  un commento di ieri mi è stato chiesto come fosse possibile realizzare un widget degli Ultimi Commenti su Disqus. In realtà Disqus inserisce un iFrame nel nostro sito e i commenti che vi si fanno finiscono nei server di Disqus e non sono sul nostro sito Blogger o Wordpress. Questa è un po' una limitazione visto che si perdono dei contenuti ma c'è da dire che Google ha iniziato da tempo a indicizzare anche quelli che chiama commenti dinamici e che comunque Disqus comporta una certa viralità. Con la nuova grafica di Disqus non vedo più quel tool che permetteva di creare direttamente sul sito il nostro widget quindi dovremo procedere in altro modo.

Dopo esserci loggati su Disqus si accede alla Dashboard e si ricava il nome del sito di cui si vuole creare il gadget dei Commenti Recenti. Questa non è una ovvietà perché in fase di registrazione potremo aver scelto un nome diverso da quello ufficiale del nostro sito

I nomi dei siti che ho usato come test sono stati evidenziati di giallo nel precedente screenshot e sono messi tra parentesi dopo il link al sito. Come test creiamo il widget degli ultimi commenti su Disqus postati sul blog lightbox2. Se usiamo la piattaforma Blogger si va su Layout > Aggiungi un gadget > HTML/Javascript mentre su Wordpress si va su Aspetto > Widget > Testo. Il codice da incollare in ogni caso è il seguente

<div id="recentcomments" class="dsq-widget">
<script type="text/javascript" src="http://lightbox2.disqus.com/recent_comments_widget.js?num_items=4&hide_avatars=0&avatar_size=32&excerpt_length=90">
</script>
</div>

dove dovrà essere inserito il nome del vostro sito ricavato da Disqus al posto di lightbox2. Dopo aver salvato il widget si otterrà il seguente risultato



Le personalizzazioni ulteriori del codice riguardano:

1. num_items=4 determina il numero dei commenti da visualizzare
2. hide_avatars=0 mostra gli avatar con 0 mentre li nasconde con 1
3. avatar_size=32 stabilisce la dimensione degli avatar se mostrati
4. excerpt_length=90 determina il numero massimo di caratteri visualizzati in un commento