2010/04/29

BloggerでFC2の拍手機能を使う

BloggerでFC2の拍手機能を使う方法を紹介。

方法は簡単。各記事に以下のソースを貼り付けるか
レイアウト→ページ要素でガジェットとして追加するかいずれか。

なお、動作にはJava Scriptが必須

ガジェットを追加
これを使う
<script type="text/javascript">
usrID="Your_ID";
res ='<a href="http://clap.fc2.com/post/'+usrID+'?url='+document.URL+'&title='+document.title+'"><img src="http://clap.fc2.com/images/button/white/'+usrID+'?url='+document.URL+'" alt="web拍手" style="border:none;" /></a>';
document.write(res);
</script>
上のコードの"Your_ID"部分を自分のユーザーIDにすればいい。くれぐれも他人のIDと間違わないようしっかり確認してほしい。間違うと当然のことながら他のアカウントの拍手として登録してしまうことになる。

これはjavascriptでページ情報を取得、その後FC2の拍手ツールに対応したコードを自動で生成、書き出すようにしたもの。

”自動で生成”とかなんとか偉そうなことを書いてるが、実際は手動で生成したコードを参考にIDやURL,タイトルを入れ替えるように作っただけのこと。

なのでコピーして使うも編集して使うもどうぞ自由にして下さい。

そして、細かいことは気にせず、コピーしてusrID="あなたのID";という風に編集、保存する。

javascriptのプロフェッショナルに見せたらいろいろ文句がつくかもしれないような代物だが、必要ならばお試しあれ。

--追記
このサイトでは現在は拍手機能を利用していないため、最近は動作確認はしておりません。FC2の仕様が変わった場合は利用できない可能性もあります。ご了承ください。
なお、Bloggerでは記事の下に評価をつける機能が標準でありますのでその機能で代用するのもよいかと思われます。

2 件のコメント:

  1. はじめまして。
    拍手のページ、参考にさせていただきました。
    それで記事の最後の部分にタグを入れて投稿してますが
    拍手をした際にポップアップする拍手のウィンドウに
    記事のタイトルやblogの名前などが出ません。
    何かおかしいのでしょうか、わかりましたら教えてください。

    返信削除
  2. どうもこんにちは。

    こんな雑なスクリプトを参考にしていただくとは思っていなかったので、少々驚いていますが、わかる範囲でお答えいたします。

    >記事の最後の部分にタグを入れて投稿してますが
    >拍手をした際にポップアップする拍手のウィンドウに
    >記事のタイトルやblogの名前などが出ません。

    URLは指定されているが、タイトルが表示されないと言うことでしょうか。

    ブラウザによってはそのようなこともあるかもしれません。

    とりあえず、document.titleが使えるか試してみてください。
    ※alert(document.title);でタイトルが表示できるかなど。

    返信削除