URAMIRAIKAN

1020のなれの果て (since 2005.6.19)

「DISQUS」を設置してみた


 とあるお客様から「仕事に関係ないけど個人的な相談で~」みたいな感じで、ブログのコメントとかトラックバックのスパム対策を相談されてました。
 そんなこと言われても自分もそっち方面は詳しくないし、ぶっちゃけ私も知りたいくらいです。なにせスパムが鬱陶しいので、ここも何年も前にコメントやトラックバックを排除しているくらいです。

 そんなこともありつつネットで調べてみると、「DISQUS」というサービスが無料で使えて便利そうということで使ってみることにしました。
 WEBページに高機能なコメント欄を埋め込んで、コメントを集中管理できるみたいです。スパムフィルタとかSNS連携機能もあるみたい。

 さっそく設置!


 [Add Disqus to Your Site]からアカウントを作ってサイトの情報を入力していき、設置するWEBサイトのプラットフォームを選択します。


 ワールドワイドでメジャーなサービスには概ね対応している感じですが、ここではそういったのは利用していないので[Universal Code]を選択。


 すると、こんな感じのJavaScriptが生成されます。


<div id="disqus_thread"></div> <script type="text/javascript"> /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ var disqus_shortname = 'site_name'; // required: replace example with your forum shortname /* * * DON'T EDIT BELOW THIS LINE * * */ (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.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">comments powered by Disqus.</a></noscript> <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

 これを自分のWEBページに貼り付けるだけです。
 カスタマイズもできそうですが、例によってそれは追々ということで。

 各ページの最下部にコメント欄が表示されていると思います。
 (まあ、ここに設置する意味はほとんど無いと思っていますが。)
 コメントの投稿にはTwitter、Facebook、Googleのアカウントを使うか、Disqusのアカウントが必要です。

 管理画面はこんな感じ。