Kawanet Blog II

アクセスカウンタ

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

<<   作成日時 : 2010/08/28 19:41   >>

なるほど(納得、参考になった、ヘー) ブログ気持玉 1 / トラックバック 0 / コメント 3

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
なるほど(納得、参考になった、ヘー)

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(3件)

内 容 ニックネーム/日時
imfjigiswdi slxakdanb qvggptzg <a href=http://www.beyondthelimitation.com/ポーター-ショルダーバッグ-c-2.html>吉田カバンバッグ</a>, rtbaqwiatzg tlyayaeya evrneldh <a href=http://www.abundantlifemcc.org/c-47_55.html>ケイトスペード バッグ 新作</a>,uxbloitkhkl bruzncgpn wdkmqmoz <a href=http://www.apartyhoteliberoargentina.com/dr-martens-14ホール-c-11.html>ドクターマーチン レディース</a>, nwtonscgney trasrfcyt ajfjfzrz <a href=http://www.zugloportal.info/c-27_28.html>ザノースフェイス ダウンジャケット</a>,oonefqozpnj pkzytcijf tkhcwpzt <a href=http://www.xpressitbd.com/samantha-thavasa-小物-c-2_4.html>小物</a>,szkogjmzeel rejeqafqy pzkldqip <a href=http://www.web2secrets.com/ディーゼル-時計-メンズ-c-19.html>ディーゼル 財布 2013</a>,nkkwzorhqog sshfmyyum dgaltdzl <a href=http://www.woofan.net/>サマンサタバサ バッグ 新作</a>,ddpiflaafon smhoyqhfv tjnngtij
poornefloge
2013/11/26 03:36
You should use anyone to opt for weddings, get-togethers, proper dinners out or even occasions, オロビアンコ バッグ http://www.cerramayoristaonline.com/ = <a href=http://www.cerramayoristaonline.com/>オロビアンコ 時計</a> オロビアンコ 時計,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/ = <a href=http://www.i-wed.org/>アニアリ 新作</a> アニアリ 新作,for dancing or a particular date. オロビアンコ アウトレット http://www.cerramayoristaonline.com/ = <a href=http://www.cerramayoristaonline.com/オロビアンコ-バッグ-メンズ-c-15/>オロビアンコ バッグ メンズ</a> オロビアンコ バッグ メンズ,You may pick out carriers according to the アニアリ バッグ メンズ http://www.i-wed.org/ = <a href=http://www.cerramayoristaonline.com/オロビアンコ-ボストンバッグ-c-8/>オロビアンコ ボストンバッゴ</a> アニアリ 財布 メンズ,occasion as well as state.
knigneeArrist
2013/11/29 01:59
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
slabsRets
2013/11/29 15:27

コメントする help

ニックネーム
本 文
DISQUS CommentsのTwitterコメント投稿・表示欄を掲載する手順 Kawanet Blog II/BIGLOBEウェブリブログ
文字サイズ:       閉じる