DISQUS CommentsのTwitterコメント投稿・表示欄を掲載する手順

TechCrunch でも使われている DISQUS COMMETNS が便利です。
JavaScript のコードを貼るだけで、自分のブログやウェブサイトにコメント欄を追加できます。
コメントを投稿する人は、Twitter アカウントで認証できるのでラク。(OpenIDも可)
投稿されたコメントは、そのまま Twitter で流れる。
Twitter 上でその URL について言及された他のツイートも、コメントとして表示してくれる。
Twitter のリアルタイム検索ではツイートがスグに流れてしまうけど、
DISQUS なら Backtype 経由で過去のツイートも表示してくれます。

手順


(1) DISQUS COMMETNS に自分のブログを登録する


(2) Features の画面では、僕は以下を設定しています。


- Media Attachments はオフにする(今回は要らない)
- Twitter @Replies に自分の Twitter アカウント名を記入する
- Disable Like Buttons はオフにする(はてなスターの方がシンプルじゃね?)
- Display login buttons with comment box はオンにする。
- 迷わないように、Twitter のみをオンにするのがオススメ。

(3) Install Instructions の画面では、 Universal Code を選択する


- WordPress、Blogger、MovableType を利用している場合は、専用コードもあります。
- それ以外の場合は、Universal Code でどこでも使える JavaScript が入手できます。
- ここで取得したコードを自分のブログに貼れば、コメント欄が動き出します。
- Universal Code で必須なのは、1. embed code(コメント欄を埋め込むコード)だけ。
- 2. comment count code(コメント数を表示するコード)は必須ではないです。

カンタンだね!

コード例


例えば、以下のような JavaScript になります。

<div id="disqus_thread"></div>
<script type="text/javascript">
  /**
    * var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
    */
  (function() {
   var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
   dsq.src = 'http://xxxx.disqus.com/embed.js';
   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=xxxx">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>


ウェブリブログの場合


ウェブリブログの場合は、まず ログイン してから、
設定>表示項目設定>フリースペース(メイン用)>編集する
のフォームに embed code のコードをペーストすれば使えます。


[PR] 共著で、本を書きました!


ソーシャルストリーム・ビジネス Twitter、Facebook、iPhone時代の消費者を巻き込むビジネスの新ルール
インプレスジャパン
株式会社リクルート メディアテクノロジーラボ

amazon.co.jpで買う
Amazonアソシエイト by ソーシャルストリーム・ビジネス  Twitter、Facebook、iPhone時代の消費者を巻き込むビジネスの新ルール の詳しい情報を見る / ウェブリブログ商品ポータル


"DISQUS CommentsのTwitterコメント投稿・表示欄を掲載する手順" へのコメントを書く

お名前
メールアドレス
ホームページアドレス
コメント