movabletypeに設置する場合

１　Javascriptファイル読み込み

ヘッダーでJavascriptファイルを読み込みます。

テンプレートモジュールのヘッダーを開き、

<script type=”text/javascript” src=”http://hogehoge.com/gj/gj.js”></script> <script type=”text/javascript” src=”http://hogehoge.com/gj/prototype.js”></script>
先ほどアップロードした*.jsファイルを読み込みます。

src=の中のURLは各自の環境に合わせて変更してください。

記述後、保存してください。

２　ブログテンプレートへの記述

同じくテンプレートモジュールから「ブログ記事の詳細」を開きます。

そして、拍手ボタンを設置したい箇所に以下を記述します。

<input id = “<$MTEntryPermalink$>” type = “image” src = “” alt=”clap” style=”vertical-align:middle;” onClick=”goodjob(’<$MTEntryPermalink$>’,'<$MTEntryTitle$>’) “> <script type=”text/javascript”>showbutton(’<$MTEntryPermalink$>’,'<$MTEntryTitle$>’);</script> <input type = “text” id =”<$MTEntryPermalink$>_gj_message” style=”visibility:hidden;vertical-align:middle;”><br/> <span id=”<$MTEntryPermalink$>_gj_mark”></span>

こちらはコピー＆ペーストでも問題ありません。

記事の詳細だけでなく、概要（通常トップページに記述されている）にもボタンを配置したい場合、「ブログ記事の概要」テンプレートにも同じように追記してください。

また、新規で上記の記述をコピーしたモジュールテンプレートを作成して、$MTIncludeでよみこめば、設置したり逆にはずしたりが容易になるのでお勧めです。

2008/04/10追記

３　表示スタイルの変更

GJ!の表示スタイルを

1. ボタンに拍手数を表示するタイプ
2. 拍手数をアイコン表示するタイプ

の2パターンで変更できます。
gj.js内のgj_stという変数の値を０、または１とすることでお好きな表示スタイルを選ぶことができます。

gj_st=0　→　ボタンに拍手数が表示される

gj_st=1　→　拍手数がアイコン表示される

４　再構築＆確認

テンプレートを保存後再構築をすれば、各記事の詳細にGJ!ボタンが設置されるはずです。

ボタンが設置されているかを確認してください。

ボタンがついていなかったら今までの工程の見直し、ついていたら試しにどこかのボタンを押して拍手数が増えるか確認をしてください。

１回ボタンを押すとコメント欄が表示され、同時にボタン上の数字が増えれば設置完了です。

＊ もしも、ボタンが表示されているのに、ボタンを押しても拍手数が増えないという状態になったら、logディレクトリ、あるいはlocディレクトリのパーミッションが７７７になっていない場合があります。

まずはそれを確認してください。

関連する投稿

• ＧＪ！（Ｗｅｂ拍手）スクリプト公開 (1)
• 連投制限が必要なのはピッチャーだけではないようで (0)
• 【ＧＪ！】連投制限対応【ver0.99】 (0)
• wordpressに設置する場合 (0)
• Web拍手ツール【ＧＪ！】（グッジョブ！) (22)