はてなスターを貼ってみるテスト

スポンサード リンク

タイトル横に貼って見ました。記事のタイトルの終わりに[☆+] みたいなボタンが増えているかと。設置、難しかったです。JS側でh3直後と設置箇所を指定されてるから、それをサイトに合わせてHTML構造読んで書き足さないといけません。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.SiteConfig = { entryNodes: { 'div.article': { uri: 'h2 a', title: 'h2', container: 'h2' } } }; </script>

私のサイトだと、こんなふうに書き足しました。divのarticleクラスの中に出てくるh2要素のaタグをURLに、h2の中身をタイトルとして利用、containerにはてなスターを追記。ということになります。めもめも。

こちらの記事を参考に設置しました。はてなスターをブログに設置するには - はてなスター日記

Google+やFacebookボタンみたいに、HEADでJSを読み込んでおいて、別途設置箇所にタグ追加という仕様にしてほしいなあ。設置ハードル高すぎる。

関連記事

昨日と今日公開されたばっかりの Twitter Follow ボタンと Google +1 ボタンとついでにTumblr ボタンをテストで設置してみました - @kaoritter ブログ

スポンサード リンク