うちも一応はイラストサイトなんでWeb拍手を置いてみたいと考えました。ウマニティのサイト内のナイス！のようなのが理想で、誰でも気軽にポチできるこの手のプログラムだとMinorProblemというサイトで配布されている『GJ!』が人気で、WordPressなブログで結構使われてるようです。

上記の配布元サイトのカテゴリーを辿っても配布頁にたどり着けません。配布元頁はhttp://hmlab.info/minor/gj/です。

GJ！を設置

設置する前に…。運用中のサーバーのPHPが4か5で、且つGDライブラリがインストールされてないと動きません。レンタルサーバにGDライブラリがインストールされてないなら諦めましょう…。解らない場合は設置した後にgdtest.phpを実行させてみましょう。

因みに私が使っているCoreserverでは問題ありませんでした。

gj.zipを解凍しフォルダ内のgj.jsの12行目から18行目を設置する予定のURLに書き換えます。

//【GJ!】PHPスクリプトへのURL
URL = "http://example.com/gj/gj.php";

//拍手数を表す画像へのURL
img_1  ="http:/example.com/gj/img/mark1.gif";//１の位（小画像）
img_10 ="http://example.com/gj/img/mark10.gif";//１０の位（中画像）
img_100="http://example.com/gj/img/mark100.gif";//１００の位（大画像）

gjフォルダ(readme.txtはアップしなくても良い)を任意の場所にアップロードしたらgjディレクトリ以下のファイル、ディレクトリを配布元頁に記されている通りにパーミッションを変更します。locディレクトリとlogディレクトリは777にする必要がありますのでファイルやディレクトリのパーミッション777運用が認められてないサーバー(例：ロリポップ、ヘテムル)ではNG!(使う事ができない)の様です(参考サイト：hetemlサーバでWeb拍手ツール【GJ！】（グッジョブ！)導入失敗 …)。試しに707でやってみましたが、クリックしてもカウントが上がらず正常に動かなかったです。

チェック！

ブラウザでgdtest.phpに直接アクセスして実行します。OK！画像が表示されたら設置成功です。GDライブラリがなかったら壊れた画像が表示されます。因みにローカル上(Mac)のMAMPで動かしたサイトではNG!(壊れた画像が表示)でした。

読み込みと表示

本家サイトに設置方法はリンク切れのため記されてなく、良く参照されているぷりどうぐさんの記事を参考にしました。

テンプレートなど表示するファイルのheadに記述します。WordPressならURLにテンプレートタグを使ってもいいかもしれません。以下はドメイン直下に置いた場合です。

<script type="text/javascript" src="http://example.com/gj/gj.js"></script>
<script type="text/javascript" src="http://example.com/gj/pt.ajax.js.js"></script>

このGJ！はAjaxにprototype.jsを利用してるのですが98KBもある大容量スクリプトなのでアクセスする度に読み込むと重くなると思います。GJ！のAjaxのためだけにprototype.jsを使うならpt.ajax.jsに置き換えると軽くなりますのでpt.ajax.jsを導入しました。

個別記事を表示する頁の記事表示部分の後などにGJ！ボタンを表示させます。以下はドメインの直下に設置した例です。私はイラストの頁だけに表示したかったので個別イラスト表示用のsingle-illust.phpの記事表示<?php the content(); ?>の後に記述しました

<input id = "<?php the_permalink(); ?>" type = "image" src = "" alt="拍手" style="vertical-align:middle;" onClick="goodjob('<?php the_permalink(); ?>','<?php the_title(); ?>') "><script>showbutton('<?php the_permalink(); ?>','<?php the_title(); ?>');</script><input type = "text" id ="<?php the_permalink(); ?>_gj_message" style="border-color:orange;vertical-align:middle;"> <span id="<?php the_permalink(); ?>_gj_mark"></span>

管理画面には

http://ドメイン/GJディレクトリまでのパス/gj.php?mode=show&設定したパスワード

でアクセス出来ます。

gj.php以外ファイルエンコードがshift_jisだったのでcoteditorで無理矢理utf8に書き換えましたがその必要はなかったみたいです。