2011年6月6日

高機能なWordPressコメントプラグイン「Disqus」の導入方法解説!

WordPresss関連

DISQUS

当サイトでも利用しているのですが、とても可能性を感じるシステムなので、ご紹介します。

DISQUSというコメントシステムです。

DISQUSとは

DISQUSは、ブログのコメント機能を拡張するシステムです。
ブログのコメント機能を拡張し、ブログ記事にのコメント欄をフォーラム(掲示板)化することで、活発なコメントのやりとり、コミュニティを作りやすくするシステムです。

とても面白いサービスで、ブログのコメント機能にあたる部分のみを提供しています。

投稿されたコメントはブログやCMSを運営しているブログが設置されているサーバーとは異なるDisqusのサーバーで管理されています。

また、複数のブログにDisqusを導入すると、コメントを一元管理することも可能です。
コメントがコミュニティになるので、コメントがネットワークのように広がり、ソーシャルメディアとして展開していきます。

良質なコメントを出せる人が評価されるというコンセプトが非常に好きですね。
良質なコンテンツ(記事)と良質なコメントでよりコンテンツとしての価値を高めることが出来ると思っています。

2ちゃん、なんてコメントで価値を作っている掲示板ですからね。

私は、ブログのコメント周りはしませんでしたが、良質なコメントを残すと評価されソーシャルメディアとしてブランディングに活用できるのであれば、他のブログにコメントするメリットが生まれてきます。

スパム対策にも

コメントは、Disqus側で管理してくれ、スパム対策なども施してくれます。
また、twitterやFacebookなどのソーシャルメディアのアカウントでコメントできるので、サイト訪問者もコメントをしやすくなっています。

何よりも、こうした外部ソーシャルと連携できるのが大きな強みです。

一度使ってしまえば、Wordpressのデフォルトのコメントには戻せなくなるでしょう。

WordPressでの導入方法

WordPressにDisqusを導入する場合、大きく二つの作業が必要になります。

  • Disqusのアカウント登録
  • WordPressのプラグインインストール

Disqusのアカウント登録

まずは、DISQUSのサイトへアクセス

「sign up」をクリック!
DISQUS

まずは、ユーザーと最初のサイトを登録します。
DISQUS登録

次に、設定画面です。
DISQUS設定

言語は、「Japanese」
さらに、必要なオプション設定

Twitter@Replies・・・コメントをツィートした場合のリプライ先となるTwitter ID。
Disable Like Buttons・・・Likeボタンを表示しない。
Media Attachments・・・画像、動画の添付を許可する。
Trackbacks・・・トラックバック機能を追加する。
Akismet・・・スパムフィルタ「Akimet」を有効にする。要API Key。
Reactions・・・記事への言及を外部サービスから探し、表示する。検索対象のサービスを指定する。
Display login buttons with comment box・・・外部サービスのIDでのログインを許可する。ログインを許可するサービスにチェックする。
Who Can Comment?・・・コメントを許可する条件。「Anyone」の場合、ゲスト投稿が許可される。

参照:モノについてのモノ語り

WordPressのプラグインインストール

プラグイン新規作成で「Disqus Comment System」で検索します。
見つけたら、インストール、有効化までしてしまいましょう。

有効化が完了したら、設定を確認します。
Disqusプラグインの設定画面へのリンクは「コメント」のところにあります。

DISQUSのプラグイン設定リンク

DISQUSにログインしていない場合は、ログインフォームからIDとPASSでログインします。

DISQUSのWordpressログインフォーム

「Setteing」のタブをクリックします。
DISQUSのsetting

Setteing画面の「Display login buttons with comment box・・・外部サービスのIDでのログインを許可する。ログインを許可するサービスにチェックする。」を確認してみます。

DISQUS外部サービス

ここで、Facebook、Google、Twitter、は日本でもユーザーが多いのでチェックしておくといいですね。
あと、Time zoneは、UTC+9でOKです。

基本的にこれで利用可能です。

あとは、サイトに併せてカスタマイズしてください

このブログをご覧になっていて、Wordpressをご利用されている方は、是非DISQUS導入を検討してください。
よかったら、この記事にコメントいれてみてください。


  • 匿名

    youthful

  • 素晴らしい記事ありがとうございます。
    無事導入できました!

    • コメント有難うございます。
      お役に立てて何よりです。
      一般サイトでも、DISQUSを使っているところを見かけるようになってきましたね。

  • 参考になりました。ありがとうございます!

    •  お役に立てて光栄です。
      コメントもありがとうございます。

  • 面白いシステムですね!!

    私のブログでの採用を検討してみます♩

    • コメント有難うございます。
      是非、使ってみてください。
      私も、もっと積極的に活用していこうと思っています。

  • まさにこんなプラグインを探していました!ホントご紹介ありがとです-^

    • お役に立ててよかったです。
      コメントして頂けるとこちらも嬉しいです。

  • DISQUSテストすみません

  • はな たまき

    導入してみました
    ありがとうございます

    • コメント有難うございます。
      是非、活用してみてください。

  • 匿名

    ↑にある「新しいコメントを記入する」を変更したいのですが、どうすればできるでしょうか?

    • 調べて見ましたが、簡単にできるというわけでもなさそうですね。
      また、わかりましたら、記事をアップデートします。

  • うむ

  • しぇあできる?

  • シェアできる?

    • シェアする場合は、Disqusの設定でTwitterやFacebookの連携を行なっておく必要があります。

  • 匿名

    いいですね〜。うちでも採用したいと思います!

  • fumufumu

    ふむふむ

  • 便利!参考にさせてもらいます1

  • Liz

    非常に丁寧に解説されていて参考になりました。ありがとうございます!

    • コメントありがとうございます!

  • 便利ですよね!

  • コメントをシェアも出来るので、アイデア次第でおもしろことできそうですね。

  • Izumori

    Guestでもコメントできるんだ

  • 参考にさせていただきます!

  • 参考にさせて頂きます。

  • もう一度参考にします。

  • great

  • なるほどなるほど。

    • test

      he-

      • GCM

        てst

  • 参考にさせてもらいました。後テストも兼ねてます。

  • 参考になりました。ありがとうございます。

  • 上のアイコンも付属品なのかな?

  • FacebookとTwitterのどちらからもログインを受け付けられるのがいいですね。
    とても参考になりました♪。

  • Aaaa

    あああああ

  • あああああ

  • Test

    とても役に立ちました。

  • ちょうど探していた機能にマッチします!良質な記事で大変たすかりました!

  • matipic

    なるほど。

  • tsuitei

    早速やってみよ~っと

  • ここがそうなんですか?

  • kamekano

    ログインなしでコメントできるような設定方法はありますか?

  • tama

     ログインなしでコメントできるような設定方法はありますか?

  • てすと

  • テスト投稿

  • いいと思う

  • kazu

    使ってみます

  • テスト

  • わかりやすいです。ありがとうございます!!

  • Hazime

    テスト投稿します

  • KKS

    ok

  • orbysglobe

    テストさせてください。2012.12/19

  • すごい!

  • テスト

  • 間違えて報告してしまった。

  • Guest

    設定方法がわからない!

  • Guest

    テスト

    • jknetwork

      テスト

  • xhome

    テスト

  • 詳しく説明してくださって助かります

  • ブログでのコミュニケーションとソーシャルメディアでの拡散が両立できますね。

    • 失礼しました。自分のタイムラインには残らないんですね。。

  • 迷惑コメントなどを削除したい場合はどうしたら良いのでしょうか。

    • そのコメントにカーソルを合わせると右側に設定アイコンがでてくるのでそこから削除出来ますよ。

  • へー、そんなのがあるんだ。

  • テスト

  • Guest

    書き込みテスト。よかったら採用したいと考えています。

  • DISQUS見た目もシンプルでいいですね。次の案件で導入検討してみます!
    分かりやすい説明ありがとうございます!

    • コメント有難うございます。
      是非、導入したあとの感想を教えて下さい。
      この記事を書いた時と仕様が変わっているかもしれませんが。

  • ただお

    テストさせてもらいますう、すいませんn

  • hary

    テスト

  • テスト

    長文コメントのテストをさせて下さい。むかしむかしあるところにおじいさんとおばあさんがいました。おじいさんはやまへしばかりに、おばあさんは川へ洗濯にいきました。おばあさんが川で洗濯をしていると、川の上流から大きなももがどんぶらこっこすっこっことながれてきました。おばあさんはももをもちかえりそのももをわってみると、なかから元気なおとこのこがとびだしました。

  • Guest

    すごくいいですね!

  • Guest

    すごくいいですね

  • Yurico

    テストさせてください

  • テストさせて下さい

    テストさせて下さいテストさせて下さいテストさせて下さい

    テストさせて下さいテストさせて下さいテストさせて下さい

    テストさせて下さいテストさせて下さいテストさせて下さいテストさせて下さい

  • ステキな解説、ありがとうごじざいます。
    題名をつけたり、一番上にトピック一覧のようなものを表示したい場合は、どのようにすればいいでしょうか。

    • メールアドレスは、公開されませんか?

    • コメントありがとうございます。
      題名とは、例えばどのような?

  • umm

    むむむ、ためしてみたい

  • テスト

    テストさせてください。

  • buronii

    参考になりました^^ありがとうございます。

  • Guest

    testtest

  • Yuichi Nishihara

    テスト

  • guest

    あいうえお
    テストさせていただきやっす~

  • ivy

    テストさせて下さい
    どんな感じになるんだろうか?

  • なるほど

  • jtdc_key

    テストします

  • Toshihito Oguchi

    testですうう

  • test

    testt

  • rahuraku

    ありがとうございます!

  • 通行人

    これいいですね!

  • いしかわ

    あれ? これはデフォルトでレスポンジブに対応してくれているのでしょうか???やはり自分でいじらないとダメですかね?

  • Mai_Meigen

    初めまして、まだブログを始めたばかりですが、こちらの記事を参考にDISQUSを導入してみました!大変参考になりました。ありがとうございます。

  • すぎもとのりあき

    テストさせていただきます。

  • Noriaki Sugimoto

    テストさせていただきます。

  • すぎもとのりあき

    参考になりました。ありがとうございました。

  • sakuran_kana

    これ便利!各種SNSとコメント欄が簡単に連携できるんですね

  • Guest

    テスト投稿テスト

  • テスト

    テスト

  • テスト

    テストてs

  • aaa

  • さんじょう

    しょうぐん

  • test

    test

  • test

    test

  • 夢 蘭

    テスト失礼します

  • あいうえお

    なるほどためになりました

  • かまたりさん

    こりゃいいや~ぜひ使ってみよう

  • げすと

    てすと

  • 目代 昌幸

    facebook連携でコメント投稿テストしてみます。
    Wordpressでちょうどディスカッションに使えるプラグイン探してたんですよね
    あ、でも、ユーザーがスレッド作成が出来なさそうですね。。。

  • yano

    勉強になりました。ありがとうございます。

  • Guest

    参考になりました!

  • リョウ

    test

  • とよ

    参考になります。ありがとうございました。

  • test

    test

  • 良いですねこれ。

  • テストさせてくださいね!!

  • ありがとうございました。本当に役立ちました。 私のページにも設置してみました。小さなサイトですが、おかげさまで少し進化しました。よろしければうまく使えているか私のページへもコメントいただければありがたいです!!

  • テツー@ad:tech startup中

    てすてす

  • あう男

    あうあうあーテスト

  • disqus_MEKBgWzwxB

    テストさせてください

  • Guest

    テスト

  • testtest

    test

  • きき

    テスト

  • zift000

    いいね!

  • すいませんテストさせてください。

  • Test

    Test

  • てす

    テストさせてください。良記事ありがとうございます。

  • ハナハナ

    やってみたいと思います!

  • テスター

    テストさせてください

  • SHOTA.(MAY’Sダンサー)

    勉強になります!

  • GCM

    ふむふむ。test

  • test

    test

  • syukou

    テストさせていただきます!!!

  • riri

    test

  • Fashion NAVI

    すごいね

  • やま

    テスト

  • Takayuki Yamazaki

    テスト

  • 山崎

    テスト