Minor Problem

wordpressに設置する場合

2008-09-13 (土)
未分類
gj

１　Javascriptファイル読み込み

ヘッダーでJavascriptファイルを読み込みます。
テンプレートモジュールのヘッダーを開き、

先ほどアップロードした*.jsファイルを読み込みます。

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

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

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

同じくテンプレートモジュールから「ブログ記事の詳細」を開きます。
そして、拍手ボタンを設置したい箇所に以下を記述します。

<input id = “<?php the_permalink(); ?>” type = “image” src = “” alt=”拍手” style=”vertical-align:middle;” onClick=”goodjob(’<?php the_permalink(); ?>’,'<?php the_title(); ?>’) “><br /> <script>showbutton(’<?php the_permalink(); ?>’,'<?php the_title(); ?>’);</script><br /> <input type = “text” id =”<?php the_permalink(); ?>_gj_message” style=”visibility:hidden;vertical-align:middle;”> <span id=”<?php the_permalink(); ?>_gj_mark”></span>

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

＊WordPressへの設置方法に関してはまさ影様よりご教示いただきました。誠にありがとうございます。

３　再構築＆確認

テンプレートを保存後再構築をすれば、各記事の詳細にGJ!ボタンが設置されるはずです。
（この時点で拍手数は000となっているはずです）

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

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

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

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

movabletypeに設置する場合

2008-09-13 (土)
未分類
gj

１　Javascriptファイル読み込み

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

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

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!の表示スタイルを

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

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

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

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

４　再構築＆確認

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

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

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

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

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

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

Web拍手ツール【ＧＪ！】（グッジョブ！)

2008-09-13 (土)
未分類
gj | wordpress

スクリプトダウンロード

Web拍手ツール【ＧＪ！】とは

一言で言えばＷｅｂ拍手です。（ソース等は一から書いてますが）

ＧＪ！には
１　ブログに特化したＷｅｂ拍手なので、どのエントリーに対する拍手なのかが判る

２　拍手数を拍手ボタン上に合成することで、拍手数がわかりやすい

３　拍手数をＸＭＬで出力（ブログパーツなどに使えます）

４　ボタングラフィック差し替え可能

５　コメント閲覧画面（パスワード設定可能）完備

６　拍手数の表示スタイルを2種類から選択可能

といった特色があります。
こちらが【GJ!】の設置サンプルです。URLなどは全てダミーです。

ＧＪ！の説明

—————————————————————————

＊2008/03/16追記

ver0.99より以前のGJ!スクリプトを使用されている方が1.00に移行する場合ログファイルの変換が必要です。

＊2008/05/24追記

公開後だいぶ経ちましたので、移行ツールの公開を停止しました。ver0.9以前のgj!をご使用の方で移行ツールがご入用な方はブログのコメントにご一報ください（メールアドレスを書いていただければそちらに添付してお送りします）

説明：readme.txt

ログデータバージョン移行ツール（convertgjlog.zip）

上記をreadme.txtに従って実行してください。

2008/03/16以降のGJ!を使用されている方(管理画面下のフッターにver1.00以降のナンバリングがされている方）はこのツールを実行する必要はありません。

—————————————————————————

通常時は拍手数が表示されたボタンのみが表示されています。

お客さんが記事に興味を持ってくれ、GoodJob!ボタンを押してくれると管理人に向けて拍手が送信されます。また右側にコメント欄が表示され、ボタンも感謝を表したものに変化します。

メッセージ欄にコメントを記述し、もう一度にGoodJobボタンを押すとメッセージが送信されます。

また、拍手数をアイコン表示して表示することも可能です。

ＧＪ！設置に必要な環境

下記の環境がＧＪ！には必要です。

テンプレート変更可能なBlog（現状MovableType4とWordPressでの確認をしています）
設置するサーバーにPHP4またはPHP5がインストール済み、かつGDライブラリが組み込まれていること

また、閲覧者側がJavascriptをONにしている必要があります。

設置前準備

１　ダウンロード

スクリプトダウンロード(gj.zip)
上のリンク先から「gj.zip」をダウンロード後、解凍してください。

ファイル構成は

gj┐

├gj.php(GJ!本体）

├gj.js(javascript)

├prototype.js(javascriptライブラリ)

├gdtest.php(GDライブラリテスト用ファイル)

├readme.txt(説明テキストファイル)

├loc　（空ディレクトリ）

├img（ボタン画像）

└log（空ディレクトリ）

２　記述変更

解凍したファイルのうち、gj.phpとgj.jsの記述を変更します。
・gj.php

$PASSを任意の文字列に変更してください。コメント閲覧画面のパスワードとなります。
・gj.js

URL=の記述をあなたの環境に合わせて変更してください。
例：GJ!の設置先が”http://hogehoge.com/gj/“だった場合
URL=”http://hogehoge.com/gj/gj.php”
となります。

それ以外のところは、各スクリプトのファイル名を変更したり、ディレクトリ構成を変更しなければそのままで構いません。

変更した場合は、それぞれの環境に合わせて変更してください。

３　アップロード

２で記述したURLへアップロードします。基本的にはgjディレクトリごとアップロードすればいいでしょう。

４　パーミッションの変更

パーミションは以下のように設定してください。

┌gj.php(644)

├gj.js(644)

├prototype.js(644)

├gdtest.php(644)

├loc(777)　*空ディレクトリ

├img(755)　*ボタン画像

└log(777)　*空ディレクトリ

*readme.txtはアップロードする必要はありません

この段階で、ブラウザからあなたのサーバーのgdtest.phpにアクセスしてみてください。

サンプル

サンプルのように、ボタン画像上に「OK」と表示されたらあなたのサーバーでGJ!の設置が可能です。

OK！が表示されない場合、サーバーにPHP、またはGDライブラリが組み込まれていない為、このアプリは動きません。すいません。

なお、テスト後はこのgdtest.phpは削除してください。

MovableTypeでの設置方法

movabletypeでの設置方法

WordPressでの設置方法

wordpressでの設置方法

コメント管理画面

お客さんからもらった拍手、コメントを確認できます。
例：http://hogehoge.com/gj/gj.phpに設置している場合
http://hogehoge.com/gj/gj.php?mode=show&****
ブラウザから、上記アドレスを入力してgj.phpにアクセスします。

****の部分は、あなたがgj.phpに記述した$PASSになります。
こちらが管理画面のサンプルです。URLなどは全てダミーです。

ちなみに、コメント等の閲覧機能はありますが、削除機能はついていません。

消したいコメントがある場合、logディレクトリの下に生成されるファイルのうち

gjcount.dat　－　簡易ログ
gjlog.dat　－詳細ログ

をFTPでダウンロードして、テキストエディタ等で削除してください。

詳細ログは1行が１拍手分のデータを、簡易ログは拍手をもらったURLごとのデータを1行で記録しています。

基本的にカンマ区切りのテキストファイル(csv)です。
簡易ログの修正

拍手数を変更したい場合、左から３カラム目が拍手数です。この数を変更したい数に変えてください。

項目そのものを消したければ、1行まるごと削除でOKです。

詳細ログの修正

メッセージの内容を変更したければ左から5カラム目を変更、URLを変更したければ４カラム目、ページ名を変更したければ３カラム目を変更してください。

拍手そのものを削除する場合は行ごと削除してください。

＊ログの変更前にはファイル名を変えるなどしてバックアップをとることをお勧めします。

ボタン画像の変更

imgディレクトリの下にある画像のうちgjbutton1.gifが通常時、gjbutton2.gifが押された後に変化するボタンの画像です。

また、オリジナル画像への差し替えは可能です。

画像を同じファイル名で上書きするか、別ファイル名でgj.phpの画像ファイル名を書き換えても変更ができます。

拍手数のテキストカラーもそちらで変更できます。

また、拍手数の表示位置もX,Y方向それぞれ３段階で変更可能です。変更方法はgj.phpに記載しています（X,Y位置を０～２で指定します）。

2008/04/10追記

拍手数をアイコン表示している場合、gj.js内のbuttongがボタン画像になります。

2008/05/24追記

絵文字ネット様がこちらでGJ!用のボタン画像を公開してくださいました。

とても可愛いボタンですので、こちらを使わせていただくのもよろしいかと思います（ゆたか様ありがとうございます！）

動作確認

現在、

InternetExplorer　６
Firefox　2.0
Opera　9.25
Safari　3.0.4

での動作を確認しています。

サポート

設置方法やトラブルシュートなどわかる範囲でお答えしますが、基本的に自己責任でお願いします。

また、機能改善のアイディアやバグ報告などありましたら、こちらコメントいただければと思います。可能な範囲で対応します。

著作権

著作権は放棄しませんが、ソースの改変等はご自由に行ってください。

その際は

・管理ページにある著作権表示は削除しないこと

をお願いします。

また、当サイト（http://hmlab.info/minor）へのリンクをあなたのページのどこかから貼ってくださると嬉しいです。

更新履歴

2008/02/13：GJ！スクリプト公開開始（ver0.98)

2008/03/02：拍手のマックス値、概略表示時の件数制限機能、IPによるマスキング、新着順表示実装

2008/03/14：記事ごとの上限設定、拍手数表示の位置指定、桁数変更対応

2008/04/10：はてなスター風表示実装

2008/04/11：PHP5対応完了

FlexでのGJ！ランキング表示をちょっと変更してみました

以前公開した、拍手数表示のFlashブログパーツをちょっと変更しました。

変更点

・記事リストの上部分に余白を多目に取った（ここにオリジナルなロゴを置いたりするといいと思うよ！）
・TOP10と全記事の切り替えをラジオボタンからタブに切り替えた（わかりやすいね！）
・デザインがちょっとiPodTouch風（COOLだね！）
・背景スキン（gjbg.gif）を透過gifにすれば角丸な形にも（可愛いね！）

うーん、これくらいかな？