たったひとりのIT事業部。

  1. TOP
  2. WEB
  3. DISQUSの設定や応用方法

DISQUSの設定や応用方法

｜

Disqusので便利な機能を紹介します。

記事ごとのコメント数の表示

サイトページにDISQUSのコメント数を表示するための機能を紹介します。

1、DISQUSにログインして、「 Universal Code 」のページを表示します。

「Comment count」のJavaScriptをコピーして、 htmlの </body> の直前にJavaScriptを記述します。

<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'example'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>

2、「Before you start」のショートネームを確認します。

ショートネームが表示されている

JavaScriptの、「var disqus_shortname = ‘example’; // required: replace example with your forum shortname」の「example」の部分に自分のショートネームを記入します。

３、「disqus_thread」というidが設定されているので、設置したいサイトページlの場所に下記のリンクを記載します。

<a href="http://設置しているサイト記事のアドレス#disqus_thread">Comment</a>

コメント数が表示

というようにコメント数が表示されます。

「UTF-8」を使用して、文字化けを防ぐ

DISQUSでは、「UTF-８」を使用することを推奨します。
「shift_jis」や「 euc-jp 」などを使用するとInternet Explorerなどでは、文字化けが発生します。使用している場合は、「UTF-8」に変更しましょう。

メモ帳を使用すると、 「shift_jis」に変換されます。そのため、メモ帳は使用しません。
ここでは、「サクラエディタ」を使って解説いたします。
「サクラエディタ」は、htmlが編集することができて、「UTF-８」で保存変更できます。

1、「サクラエディタ」をダウンロードして、インストールします。

サクラエディタ

htmlを「サクラエディタ」で開きます。

２、htmlに記載されている。metaを変更します。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

３、「ファイル」→「名前を付けて保存」を選びます。

名前を付けて保存

４、「文字コードのセット」から「UTF-8」を選択します。
「BOM」がチェックされていないことを確認して保存します。

文字コードの設定

以上で設置変更は完了です。ファイルをアップロードすれば文字化けが解消されます。
なお、アップロードの反映は数時間掛かります。

以前の文字化けしたコメント自体は直りません。

ブログでの文字化けを防ぐ

DISQUSをFC2ブログやSeesaaaブログその他のブログに設置した場合は、「Shift_JIS」を使用しているため、文字化けが起こります。

文字化けを改善する、ブログ向けのJavaScript修正コードを記載します。

一般ブログ

<script type="text/javascript" charset="[使用している文字コード]">
<!--
var disqus_title = 'エントリのタイトル（ブログ変数）';
// -->
</script>

FC2ブログ用コード

<script type="text/javascript" charset="EUC-JP">
<!--
var disqus_title = '<%sub_title>';
// -->
</script>

上記のコードをDISQUSのコードにある「<div id="disqus_thread"></div>」の直前に記述します。

以上で設置変更は完了です。ファイルをアップロードすれば文字化けが解消されます。
なお、アップロードの反映は数時間掛かります。

以前の文字化けしたコメント自体は、直りません。

コメントを削除する方法

訪問者から記入されたコメントを削除したい場合は管理画面から削除することができます。

１、DISQUSにログインします。「dashboard」を選択します。

Dashboard

２、「dashboard」の「Your Sites」から設定した個別のDISQUSをクリックします。

コメント

３、削除したいコメントにチェックを入れます。

削除したいコメント

４、画面下に以下の表示が出ますので「Delete」で削除して下さい。

コメントを削除