「はてなスター」を(苦労して)付けてみました w

 2007-07-13

 「はてな」のアナウンスを読むより先に、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みたい。 笑)

 あ、ここまでで、すごい苦労したのにこんな記事がある!

はてなスター日記 - はてなスターを外部ブログに貼り付けるための方法

旧型ブログ : FC2ブログで、はてなスター導入してみた

 な、な、なんだってぇー!?はてなのIDを持っている人は、はてなにログインしてから

http://s.hatena.ne.jp/(自分のはてなID)/blogs

・・・にアクセスすると、あ、なるほど、外部ブログが登録できて、コードが表示されてますね。
 ・・・って、貼ってみたけど、駄目?あ、そうか。「H3→H2」のカスタマイズ(上に記したスクリプトの追加)はやっぱ必要なテンプレートでは必要なのね。一瞬、もの凄い徒労感に襲われましたが、まったくムダでもなかったようです。(笑)

 というわけで、まあFC2ブログで言えば「拍手」ボタンとよく似たようなサービスなんですけど。FC2でこのサービスを使ってみたい人(で、設定がうまく行かない人)には、この記事が少しでも参考になれば幸いです。


追記:

この「はて☆スタ」、ネットスケープ(7.1)で見たら、ひどいことになりますね。の画像じゃなくて、「Add Star」とか文字が表示されちゃいます。まあネットスケープなんて今どき使ってる人はほとんどいないわけですが。(いいのかよ、そんなことで。)

追記の追記:

ごめんなさい。上の追記はガセでした!
私のネスケはブラウザの設定で、「スクリプトとプラグイン」の部分で、「画像を変更する」のが禁止になっていたのでした。この禁止を解除したところ、無事にが表示されました。
ネスケちゃん、疑ってごめんね!正直スマンカッタ!!

カテゴリ:ブログ日記 トラックバック(4) コメント(10)

この記事のはてブ はてブの数 livedoorクリップ クリップ数 Deliciousに登録 Webスカウター情報

コメント

はてなスター日記で紹介させていただきました

こんにちは。はてなスタッフの山田と申します。はてなスターをご利用いただきありがとうございます。
はてなスターをブログに設置する際の参考リンクとして、この記事をはてなスター日記で紹介させていただきました。もし問題がありましたらお知らせいただけますでしょうか。
http://d.hatena.ne.jp/hatenastar/20070707/1184455480

【2007/07/15 13:59】 | kiyohero #HqsG/xkw | [edit]

拝見しました

これはこれは、いらっしゃいませ。ご紹介ありがとうございます。
文中で紹介した「旧型ブログ」さんとあわせて読まないとつらい程度の薄い内容ですが、ほかのFC2の人にも役立てばいいな、と思います。
今はまるで「お祭り」状態のはてな村ですが、
http://d.hatena.ne.jp/essa/20070712/p1
でessaさんが言っておられたように、はてな村の外にまで、この緩い繋がりが拡大していけば面白いと思いますので、是非がんばってください。

【2007/07/15 14:07】 | 囚人022 #TJwDdEqg | [edit]

参考にさせていただきました

はじめまして。
自分もはてなスターを導入しようとしてあきらめかけてたんですが、この記事とケースが同じだったので記事の内容どおりにコードを追加したらうまくいきました。
ありがとうございます!

【2007/07/15 16:20】 | いもすけ山 #ZRft2onY | [edit]

お役に立てたらうれしいです

いもすけ山さんは最近FC2にお引越ししてこられたんですね。
FC2はブログ以外のサービスは、ちょっとすべっちゃってることが多い(笑)ですが、ブログについては、ある程度HTMLを覚えていれば、けっこう自分なりのカスタマイズができるところが気に入っています。
私はあんまり詳しくないんですけど、この記事で人のお役に立てたんなら、嬉しいなぁ!

【2007/07/15 16:37】 | 囚人022 #TJwDdEqg | [edit]

参考にさせて頂きました。

初めまして。
ネットサーフィン中にこちらの記事を見つけて大変参考にさせて頂きました。
私が借りたテンプレートも同じで記事タイトルは“H2”タグになっているらしいんです。
使えないのかな?と思ってたのですがこちらの記事を参考にしたらちゃんと設置できました。

有難う御座いました。

【2007/07/16 16:58】 | 空 #- | [edit]

FC2は

ちょっとHTMLを勉強して、自分でテンプレートをいじりだしたら、愛着も生まれて離れられなかったりします。「はてな」のサービスははてな村の外にまで開かれているところが嬉しいですね。

【2007/07/17 12:00】 | 囚人022 #TJwDdEqg | [edit]

できました☆

私の使ってたテンプレートもh2問題だったようです、おかげでスターをとりつけることができました。ありがとうございました。

【2007/07/20 11:32】 | seco #NUpTSsbk | [edit]

参考になりました

僕もFC2ブログを使っていますが、こちらのブログで紹介されていた追加スクリプトを組み込んでみたら、うまくはてなスターの導入ができました。

大変参考になりました。どうもありがとうございました。

【2007/07/29 19:02】 | 李言徳 #7oXJDweo | [edit]

ありがとうございます

この記事のおかげで私のブログにもスターをつけることが出来ました。
ありがとうございます!

【2007/11/09 21:12】 | totobook #- | [edit]

助かりました

おかげさまではてなスターをつけることが出来ました。
本当にありがとうございます。

【2007/12/17 13:13】 | filenotfound #t/X8qla. | [edit]














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

トラックバック

トラックバックURL:

http://zmock022.blog19.fc2.com/tb.php/901-4294ba7e

  • はてなスターをつけてみた【初めてのおもちゃ箱】
    タイトルの通り、はてなスターをつけてみました。いや、特に意味は無いんですが、なんとなくよく見るサイトで導入しているところが多かったもので(はてなブログが多いだけかもしれない)。参考にさせていただいた
    【2007/11/09 21:11】
  • Tシャツ欲しさにはてなスターをつける/週別集計【David the smart ass】
    はてなってTシャツがあるんですね。すごいなぁ〜。でもって、はてなスターTシャツなんてのを作って、プレゼントするんですね。すごいなぁ。FC2がTシャツキャンペーンなってやってことありましたか? ありま
    【2007/08/04 13:48】
  • はて☆すた【universal motor gerat】
    はてながはてなスターというサービスを始めました。急に始まっちゃって、開発日記も喧々轟々です。コメントをつけるのは面倒だが何かしら痕跡は残したいという訪問者に対応した仕組みで、WEB拍手のはてな版といえます。ち
    【2007/07/17 20:59】
  • はてなスターを使ってみる。【MOBLOG IS LOVE】
    はてなブックマークを愛用していた(過去の事になってますがな)私なのですがネットサーフィン中に面白いのを見つけ設置してみました。はてなスターって言うらしい。以下引用日々ブログを読んでいていいなと思って
    【2007/07/16 16:48】
≪ トップページへこのページの先頭へ  ≫
Who am I ?

囚人022

about me

囚人022の郵便入れ
mail

日々これ精進
最近の記事
コメントをありがとう
英数字のみのコメントは拒否する設定です。 公序良俗に反すもの、他者への誹謗中傷に類すものは予告なく削除することがありますので、あらかじめご了承ください。
感謝!トラックバック
記事一覧

カレンダー

07 | 2008/08 | 09
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

アーカイブ

タグリストVer.2.3

ブログ内検索

えとせとら

この日記のはてなブックマーク数

この日記のlivedoorクリップ

この日記のFC2ブックマーク

テクノラティブログディレクトリー
ブログ村+BP