初音ミクみく

VOCALOIDに何気に関連しそうな情報をまったり収集していたアーカイブサイト!

出た!初音ミクのWeb拍手!

「はちゅねミク」web拍手ボタン、なるものが出た。拍手ボタンといえば、このブログにもついていて、ちょっとしたブロガーへの賛辞として利用されている。もちろん「はちゅねミク」web拍手ボタンも基本的には同じ。クリックすると、マウスカーソルがネギになる。これを、ミクが発する「ネギくれ」というふきだしに合わせてからクリックすれば、拍手したことになり、Web拍手サービスを手がけているサイトへ飛ぶ。そこで、お礼のメッセージが表示される。というか、拍手とか関係なく、ただそこにいるだけでかわいいかも(というか、拍手ボタンに見えないと思うんだが)。w

WEB CLAP







解析ページ(Web拍手には解析ページの一部を公開するサービスもある)

で、この「はちゅねミク」web拍手ボタンだが、設置が多少わかりにくいかも。それは自分だけなのかもしれないが、後学のために解説しておこう。


追記:配布ファイルが更新されましたので、それに対応した解説を書きました。
初音ミクのWeb拍手、Javaスクリプトで便利に!

1. Web拍手サービスサイトへ言ってアカウントをとる
「はちゅねミク」web拍手ボタンは、クリックした情報を「Web拍手」のサイトへ伝えるためのフロントエンドだ。なので、伝えた情報をちゃんと記録してもらうために、Web拍手サービスサイトのアカウントが必要だ。トップページの上に「web拍手の新規無料登録はこちらから」というリンクがあるので、ここをクリックして登録しよう。登録が終わると、ユーザーIDとパスワードを使って、
SimpleCGI
からログインできるようになる。ここで拍手された回数などが確認できる。

2. WEB CLAPで貼り付け用HTMLタグをコピーする
「はちゅねミク」web拍手ボタンを公開しているWEB CLAPに行くと、下に貼り付け用のHTMLタグがあるので、全体をドラッグしてコピーする。これをブログにとりあえず貼り付ける。

3. ユーザーID部分を修正する
貼り付け用のHTMLタグの中にある、id=********の部分を、先ほど取得したWeb拍手のIDに書き換える。たとえば、自分のとったIDは「mikumiku7」なので、「id=mikumiku7」と書き換えている(2か所)。もうこれで、とりあえず動作するはず。

4.swfを自前のサーバーに置きたい場合
WEB CLAPにいくと、swfファイルがダウンロードできる。これを自前でサーバーにアップロードして使うこともできる。それには、ダウンロードしたswfファイルを、ブログのアップロード機能で転送し、そのURLを控えておく。そして、貼り付け用HTMLタグの「http://npass.net/misc/miku_clap.swf」の部分を、控えておいたURLと差し替える。これも2か所あるので両方直すこと。

以上で「はちゅねミク」web拍手ボタンはキミのもの。自分でクリックするもよし、人にクリックしてもらうもよしってことで(^^;)

参考:本ブログへの設置に使用したHTMLタグ。 twitterを見る [初音ミク-音楽] 2007/10/26(金) 17:01:42 | 素材ネタ | コメント:5

感謝!

はちゅねさんボタンを取り上げていただきありがとうございますですw
丁重に解説までしていただいて感謝感謝w
今後ともよろしくお願いしますm(_ _)m
  1. 2007/10/27(土) 01:42:45 |
  2. URL |
  3. どんどん焼 #OpaojidI
  4. [ 編集]

こちらこそ

>どんどん焼さん
間違ってたら指摘よろしくです。^^
  1. 2007/10/27(土) 04:33:10 |
  2. URL |
  3. ぼ #JalddpaA
  4. [ 編集]

この拍手ボタンに限らず、FlashやYoutubeなどの動画ファイルをhtmlに埋め込むとファイルコンテンツを一度クリックしないとスタートしないという問題があります。
悪いのはマイクロソフトなんですが(笑
んで回避策として外部jsファイルを読み込む、という方法がありますので、めんどくさいかもしれませんがメニューや拍手なんかの1クリックで済ませたいものについては導入を検討されてはいかがでしょう。
http://allabout.co.jp/internet/javascript/closeup/CU20031106/index.htm

FC2では.jsのアップロードも許可されてますので設置は大丈夫だと思います。
んでは。
  1. 2007/10/27(土) 10:31:19 |
  2. URL |
  3. Kindy #pYrWfDco
  4. [ 編集]

>Kindy
なんかすごいかも。後で研究してみます。サンクス。
  1. 2007/10/27(土) 15:55:56 |
  2. URL |
  3. ぼ #JalddpaA
  4. [ 編集]

ありがとうございます

テキストじゃ少しわかりにくかったのでとても助かりました。
ありがとうございます。 これからもがんばってください^^
  1. 2008/02/27(水) 23:21:19 |
  2. URL |
  3. 白沢凛 #IJx4WGok
  4. [ 編集]

コメントの投稿


管理者にだけ表示を許可する

おもわず拍手したくなる「はちゅねミク」web拍手ボタン

焼です。初音ミクのSDキャラクター「はちゅねミク」のweb拍手ボタン(ブログパー...
  1. 2007/10/29(月) 17:21:52 |
  2. えぬぱすどっとねっと

おもわず拍手したくなる「はちゅねミク」web拍手ボタン

焼です。ニコニコ動画でもおなじみ初音ミクのデフォルメキャラクター「はちゅねミク」...
  1. 2007/11/13(火) 00:50:27 |
  2. えぬぱすどっとねっと