ウェブリブログに、はてなスターを貼る手順

ウェブリブログに、はてなスター を貼ってみた手順メモ。
はてなスターは、最近話題の『いいね！』『Like！』みたいなレイティング・投票機能の一種です。
はてなダイヤリーに限らず、他のサイトにも 簡単な JavaScript だけで手軽に★機能を追加できます。

1. はてなスターのページ http://s.hatena.ne.jp/ にアクセスする

『ようこそ、○○さん』のリンクをクリックして、マイページに移動する（要はてなID）

2. 「外部のブログサイトを登録する」に、自分のブログのトップ URL を入力する。

3. トークン (Token) が発行されるので、それをコピーしておく。

Hatena.Star.Token = 'a11796438471a6177a698a38455d482exxxxxxxx';

4. ウェブリブログにログイン して、
設定＞表示項目設定＞フリースペース(メイン用)＞編集する
の画面を開いて、下記の内容をペーストする。（トークンは差し替える）

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript"><!--
Hatena.Star.Token = 'a11796438471a6177a698a38455d482exxxxxxxx';
Hatena.Star.SiteConfig = {
  entryNodes: {
    '#blog-head': { uri: 'document.location', title: 'document.title', container: 'h2' }
  }
};
//--></script>

5. 最新の記事にアクセスすると、スター★が付けられるようになります。
はてなにログインしていないブラウザでスター★を付けようすると、ログイン画面が出ます。

はてな、livedoor、LiveJournal、Vox、TypeKey のアカウントで、ログインが可能みたい。
（渋いセレクションですね。Google、Mixi、Yahoo! があった方がユーザ層が広そう？）

備考

「いいね！」と同様だけど、それよりもだいぶ緩いサービスなので、注意が必要。

・ユーザは１人で何回もスターを付けられる
・一度、スターを付けると削除できない（→マウスカーソルを数秒乗せると削除可能！）

そんな今日は、naoya さんがはてなを退職 された。

関連ポスト

* DISQUS CommentsのTwitterコメント投稿・表示欄を掲載する手順
* ウェブリブログでトラックバックの表示を削除するスクリプト
* はてブ数・Twitter ツイート数・Facebook いいね数のカウンタをMTで表示する

[PR] 共著で、本を書きました！

ソーシャルストリーム・ビジネス Twitter、Facebook、iPhone時代の消費者を巻き込むビジネスの新ルール
インプレスジャパン
株式会社リクルート メディアテクノロジーラボ


Amazonアソシエイト by

Comments

[xaicron]

自分が付けた☆の上にマウスカーソルをあてて、しばらくすると、削除できますよ

[kawanet]

おお！削除できました。ありがとうございました。本文訂正しました。