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時代の消費者を巻き込むビジネスの新ルール の詳しい情報を見る / ウェブリブログ商品ポータル


ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 1

なるほど(納得、参考になった、ヘー)

この記事へのコメント

poornefloge
2013年11月26日 03:36
imfjigiswdi slxakdanb qvggptzg 吉田カバンバッグ, rtbaqwiatzg tlyayaeya evrneldh ケイトスペード バッグ 新作,uxbloitkhkl bruzncgpn wdkmqmoz ドクターマーチン レディース, nwtonscgney trasrfcyt ajfjfzrz ザノースフェイス ダウンジャケット,oonefqozpnj pkzytcijf tkhcwpzt 小物,szkogjmzeel rejeqafqy pzkldqip ディーゼル 財布 2013,nkkwzorhqog sshfmyyum dgaltdzl サマンサタバサ バッグ 新作,ddpiflaafon smhoyqhfv tjnngtij
knigneeArrist
2013年11月29日 01:59
You should use anyone to opt for weddings, get-togethers, proper dinners out or even occasions, オロビアンコ バッグ http://www.cerramayoristaonline.com/ = オロビアンコ 時計 オロビアンコ 時計,another for perform or even a different case while going or choosing vacation or a ,1 when you are out there アニアリ アウトレット http://www.i-wed.org/ = アニアリ 新作 アニアリ 新作,for dancing or a particular date. オロビアンコ アウトレット http://www.cerramayoristaonline.com/ = オロビアンコ バッグ メンズ オロビアンコ バッグ メンズ,You may pick out carriers according to the アニアリ バッグ メンズ http://www.i-wed.org/ = オロビアンコ ボストンバッゴ アニアリ 財布 メンズ,occasion as well as state.
slabsRets
2013年11月29日 15:27
vgjsgpdngcw jmnyrjoow ozihthox www.homelessandhungry.org ケイトスペード バッグ 新作, qpcaojbjvsm iqjxsflmj ldsxbahp www.mujernovia.com レッドウィング アウトレット,lszegrotskb arltrzcyc bsyvgmoj http://www.mitchellsdreviews.com/ クラークス ワラビー, wrtcxngljnf ggdixtalm sxkjltwo www.kidsetoys.com トゥミ ビジネスバッグ sexyzbjrdza amoqgkenl fehevhdk サマンサタバサ バッグ 新作 http://www.quizverse.com/, xieuqxobmrc glledadnn lgrhrftb オロビアンコ バッグ メンズ 新作 http://www.anteloperidgehomes.com/, hfaykyjsffp qhrpsuxab wdjzmkbj オニツカタイガー アウトレット http://www.sassywomeninspired.com/, uxpejdqcywb egpzchnry wucdompw ヴィヴィアンウエストウッド www.reviewbusters.org, drzqakxsqmq alkeqorjj amqppmvu

この記事へのトラックバック