ブログのコメントにDISQUSを導入

これまで使用していたMovableTypeシステムのコメント機能をDISQUSのほうに切り替えをしました。

既に、使用中のMTOSとWordPressのほうでは導入しており、ずいぶんと出遅れていますが、このブログとおよびwww.markdiary.com内のページにDISQUSを入れました。

MovableType への DISQUS の設置ですが、DISQUSよりプラグインが提供されています（入手はDISQUSの管理画面よりおこなうことができます）。ですが、今回はプラグイン使用をせずに、Universal Code のほう（install のページで下のほうにある）を利用して行なう事にしました。プラグインとの違いですが、自分でテンプレートを編集の作業がでてくるのと、これまでのMTシステムのコメントからインポートするという機能が利用できないといったくらいです。

WordPressのほうのDISQUSプラグインでは、管理画面からフレーム内にDISQUSサイトの表示ができて管理画面で操作できるのですが、MovableTypeのDISQUSプラグインにはそういった機能はありません（ヴァージョンアップもWordPress用ほどにはおこなわれていないようです）。

ということで、これまでいただいたコメントはDISQUS上で管理しないと割り切っていれば(WXR 自作すればなんとかなりそうだけど、ここでは触れないでおきます)、プラグインでなくて、Universal Code でも特に問題なく使うことができます。

切り替えのメモ

ここからは、MovableTypeでの切り替えのメモとして記しておきます。そもそものDISQUSの登録方法とかは省略します(新UIのほうの画面でみています)。

コードスニペットの入手は、自分が登録したサイト(ドメイン単位とおもわれる)のSettingsタブからInstallタブへ、下部にDisqusアイコンがあるのでクリック。

Embed code に記載されているコードを、コピーしてテキストエディタにペースト。エディタでvar disqus_shortname = 'example' のexampleの文字を、登録したサイトに設定しておいた「ショートネーム」に置き換えします(このショートネームは設定すると後から変更できないことになっているので注意)。

コメントのテンプレートをDISQUS用に差し替える

テーマごとに構造が違うので大雑把な形で書くと以下のようなテンプレートモジュールを作成しておいて、いままでインクルードしていたコメントモジュールと差し替えるだけです。

<mt:Comments>
MTCommentsのループ
これまでいただいたコメント表示を残すためのもの
</mt:Comments>
<!-- DISQUSのコードスニペットここから -->
<div id="disqus_thread"></div> 
・・・・・・・
<!-- コードスニペット最後まで -->

なお、この例ではもとのコメントフォームを一切取り払った形のものです。

コメントフォームは残す形にするとか、noscript要素に独自のフォームをいれてスクリプト停止の環境にもつかえるようにするなどといったカスタマイズも考えられます。

• Dashboard - DISQUS (要ログイン)