WordPressにWeb拍手”GJ!”を導入してみた。
うちのブログはアクセス数の割りにコメントやはてブの数が少ないという特徴がある。まぁアクセス頂けるだけでもありがたいんだけど、ちょっとでも反応があると更新モチベーション上がるよね、ってことでWeb拍手を導入してみた。
ちなみにWeb拍手というのは、閲覧者がボタンをクリックするとクリックしたことが管理人に伝わるシンプルなツールである。
WordPressに最適!?なWeb拍手ツール【ＧＪ！】
導入に当たって一番重要だったのははてなスター風にページ遷移しないこと。別ウィンドウのお礼ページとかマジ不要ですから。ということでいろいろ探した結果、Minor Problem – Web拍手ツール【ＧＪ！】（グッジョブ！)がいいんじゃないかということになった。WordPressとGJ!でググったところ設置しているサイトも多いみたい。
設置
上記サイトを見て簡単に設置できました…と言いたい所だけど、wordpressに設置する場合 ≪ Minor Problemのテキストボックスの中身をコピペしたら半角記号が全角になっていて動かない、というミスをしました。正しくは以下のコードをコピペ、ですね。
<script type="text/javascript" src="http://prius.cc/gj/gj.js"></script><br /> <script type="text/javascript" src="http://prius.cc/gj/prototype.js"></script>
<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><br />
↑ボタンを押すと拍手を送ることができます。メッセージも送れます。<br />
設置後デザイン
Web拍手の画像や数字表示場所はweb拍手 – anaheim is on the moon.さんをそっくりそのままパクらせてもらいましたw あと同じテンプレを使っているWordPress＋WEB拍手スクリプトGJ!＋Vicuna – 絵文字ネットでWordPress+Vicuna環境にGJ!を導入する方法が書いてあるので、合わせて見るといいかもしれない。
ただ2009年5月時点では、JavaScriptファイル読み込みの記述はヘッダー(header.php)だけに書けばよかったのでそこだけ注意です。
関連する投稿
Web拍手/はてブ/Tweetボタン
下のボタンを押すと拍手を送ることができます。同時にメッセージも送れます。はてブはこちら。
Tweet
- Newer: ついったー人狼OFFに行ってきたよーvv
- Older: OpenSocialというかmixiアプリは実は簡単に作れそうな話。
Comments:0
Trackbacks:1
- Trackback URL for this entry
- http://prius.cc/d/20090510_wp_gj.html/trackback
- Listed below are links to weblogs that reference
- WordPressにWeb拍手”GJ!”を導入してみた。 from ぷりどうぐ
- pingback from Web拍手 「GJ!」を導入しました。 at treffen @ Wordpress 10-01-08 (金) 18:23
-
[...] WordPressに最適!?なWeb拍手ツール【ＧＪ！】 http://prius.cc/d/20090510_wp_gj.html ↓足跡代わりに是非1click。コメントも書けますよ。 [...]
