Disqus 最近のコメントをサイドバーに設置する

BloggerのコメントシステムをDisqusに変更してみたが、所謂「最近のコメント」の表示方法に関する情報がDisqusのサイトには見当たらない。探し方が悪いのかもしれないが・・・。仕方がないので、ググって調べることにした。

<script src="https://bjkun-1.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=30" type="text/javascript"></script>

上記スクリプトで表示することが可能と云うことがわかった。「bjkun-1」は、ブログを登録した際のIDであり、管理画面でブログを選択した際のURLから知ることができる。


こんな感じで表示される。スタイルシートで体裁を整えれば完成だ。
<ul class="dsq-widget-list">
<li class="dsq-widget-item">
<a href="https://disqus.com/by/jojihiraoka/" target="_blank"><img class="dsq-widget-avatar" src="https://c.disquscdn.com/uploads/users/28036/5086/avatar92.jpg?1518855895"></a>
<a class="dsq-widget-user" href="https://disqus.com/by/jojihiraoka/" target="_blank">Joji Hiraoka</a>
<span class="dsq-widget-comment"><p>コメントの内容が表示される</p></span>
<p class="dsq-widget-meta"><a href="https://www.bjkun.net/2018/02/blog-post.html">記事タイトル</a> · <a href="https://www.bjkun.net/2018/02/blog-post.html#comment-3773522645">2 hours ago</a></p>
</li>

・・・続く

展開HTMLコードは、上記のようになるので参考まで。

※表示には少し時間がかかるようなので、表示されないぞ!と云うときは、少し時間をおいてから確認してみよう。
最終更新日: