「はてなスター」を(苦労して)付けてみました w
「はてな」のアナウンスを読むより先に、takkunさんのところの記事で、「はて☆スタ」というのが出たらしいと知りました。
はてなスターは、既存のブログにワンクリックで
が付けられる、あなたのブログをもっと楽しくするサービスです。はてなダイアリー以外のブログサービスでもご利用になれます。
・・・ってなことを、はてなさんが始められたので、はてな界隈では微妙な評価のようですが、はてなの各サービスへの依存度が高く、交流のあるかたも“はてな村”に多くいらっしゃる私のことなので、とりあえず付けてみようかな、と。(っていうか、ただの物好き?)
ここの説明を読むと、「head〜/head」の間のあたりに指定のスクリプトを貼り付けろ、ということらしいので、とりあえずやってみましたが・・・。
「・・・?」
FC2ブログでは、「テンプレートによってカスタマイズが必要です」と書いてあるとおりでした。このテンプレートでは、そのままではピクリとも反応しません。
技術的な詳細については、HatenaStar.js下部のドキュメント(英語)をご覧ください。
スクリプトのページの中のドキュメント?しかも英語?
ここでけっこう挫折しかけたんですが、いちおう眺めてみました。
In many standard blog sites (Blogger, MovableType etc..), you can add Hatena Star by just embedding the script code above. HatenaStar.js assumes that blogs have the structure as follows. H3 means headers of entries and they include the permalinks and the titles of each entry.
<h3><a href="http://uri.for/entry">Title of Entry</a></h3>
どうもこのへんのことのようです。各記事のタイトルが“H3”タグになっているという想定の仕様になっているのかな?
私の使っているテンプレートでは、記事タイトルは“H2”タグになっているので駄目だったみたいです。
In other blogs which have other structures, you have to embed other optional script or write JavaScript code manually.
マニュアルでスクリプトを書けと言われたらお手上げだったんですが、よく読むと、どうも次のものを、最初の指定のスクリプトの後に続けて書けばいいらしい?
<script type="text/javascript">
// customize for other html structure.
// H2 tags are the headers of each entry in this case.
Hatena.Star.EntryLoader.headerTagAndClassName = ['h2',null];
</script>
どうかなぁと思ったんですが、一瞬タイムラグがあって・・・無事に表示されました!やったぁ、これはなんだか達成感!(笑)
ちゃんと機能するかはしばらく運用してみないと分かりませんけど。・・・あ、いちおう動くみたいですね。(微妙に反応速度が遅かったりするのでひやひやしました。)
これ、少しマニュアルがブッキラボーで分かりにくかったんで、もうちょっと親切に教えてもらえるといいのにな、と思いました。(この不親切さはまるで、どっかのFC2みたい。 笑)
あ、ここまでで、すごい苦労したのにこんな記事がある!
はてなスター日記 - はてなスターを外部ブログに貼り付けるための方法
な、な、なんだってぇー!?はてなのIDを持っている人は、はてなにログインしてから
http://s.hatena.ne.jp/(自分のはてなID)/blogs
・・・にアクセスすると、あ、なるほど、外部ブログが登録できて、コードが表示されてますね。
・・・って、貼ってみたけど、駄目?あ、そうか。「H3→H2」のカスタマイズ(上に記したスクリプトの追加)はやっぱ必要なテンプレートでは必要なのね。一瞬、もの凄い徒労感に襲われましたが、まったくムダでもなかったようです。(笑)
というわけで、まあFC2ブログで言えば「拍手」ボタンとよく似たようなサービスなんですけど。FC2でこのサービスを使ってみたい人(で、設定がうまく行かない人)には、この記事が少しでも参考になれば幸いです。
が付けられる、あなたのブログをもっと楽しくするサービスです。はてなダイアリー以外のブログサービスでもご利用になれます。











