David the smart ass心のダイエット！〜時には辛口メッセージを〜 |
Ｔｉｔｌｅ Ｌｉｓｔ
Ｔシャツ欲しさにはてなスターをつける／週別集計
2007-08-04-Sat
はてなってＴシャツがあるんですね。すごいなぁ〜。でもって、はてなスターＴシャツなんてのを作って、プレゼントするんですね。すごいなぁ。
ＦＣ２がＴシャツキャンペーンなってやってことありましたか？ ありませんね。日本一ブログなのに〜。ＦＣ２もＰＩＹＯＴとかつくったら、意外にもかわいいかも。
でもって、着てたら聞かれるんでしょうね、
：「なにそれ？ ＰＩＹＯって？」
：「最近流行のミニブログじゃん〜」
：「ほ〜。ミニブログ。で、ＦＣ２って？」
：「日本で一番ユーザーが多いブログだよ」
：「へぇ〜。で、ＦＣ２ってどういう意味？」
：「わからんけど、ファンタスティック・クビ・クピらしい……」
：「はぁ〜？ くぴくぴ？ なにそれぇ〜」
……と、ここでネタやってもしかたないか〜（笑）。
さて、はてなです。「はてなスターTシャツ欲しい！」キャンペーンの第２弾です（あ〜、第１弾があったのか、知らなかったなぁ。うかつだったぁ）。第１弾は、7/19〜7/25に実施していたのですね。そもそも１回限りのキャンペーンの予定が好評で、予備にとっておいた在庫などから探しあつめて15枚を確保し、第2弾キャンペーンを行うことになったようです。
→ はてなスターＴシャツ欲しい！キャンペーン第２弾の案内ページ
おお、外部ブログ部門ってのがあるんですね〜。いいじゃんいいじゃん。
というわけで、はてなスターＴシャツ欲しさに、はてなスターをつけてみます。
１）まず、はてなスターのＩＤを取得します。といっても、ＦＣ２におけるＦＣ２ＩＤのようにはてなは全サービスを統一ＩＤでフォローしていますので、すでにはてなのＩＤのある人はそちらから取得します。わたしはないので、はてなのＩＤを取り、このブログを外部ブログと登録し、そうしてはてなスターのＩＤを取得しました。
はてなＩＤの取得はこちらです。→ はてなユーザ登録
２）次に、はてなスターを表示させるためのスクリプトを入手します。これははてなのＩＤでログインした状態から、自分のブログのページ（http://s.hatena.ne.jp/○○userId○○/blogs）から取得できます。
※詳しくはこちら→「はてなスターをブログに設置するには」
３）「２）」で入手したスクリプトを、自分のＦＣ２ブログのテンプレの指定の部分に貼りつければ、とりあえず設置完了です。指定の部分とは、テンプレートの＜head＞タグと＜/head＞タグの間です。よくわからない人は＜/head＞タグの直前がいいでしょう。
こうしてうまくはてなスターのアイコン（☆＋ボタン）が表示されればいいのですが、わたしの場合はうまく行きませんでした。こんな具合に、はてなスターの☆＋ボタンが、プラグインメニューのところに表示されて、逆に肝心の記事のタイトル欄には表示されなかったのです。
理由は簡単です。はてなスターは、ＨＴＭＬのｈ３要素の中にリンクが含まれている場合に、それをタイトルと記事のpermalinkであると判断して、そこに表示させているのです。
わたしのブログの場合には、プラグインの中で、最近のコメント、最近のトラバはツリーを折りたたんであって、BlogPeopleのリストにも折りたたみスクリプトを使っていて、その関係で、プラグインのタイトルと折りたたみボタンの関連で、ｈ３要素とリンクがあったのですね。そこを記事タイトルと判断されて☆＋ボタンていたわけです。逆に、記事表示部分のタイトル行がこうなっていないので表示されないわけです（後述しますがｈ２要素でした）。
ふむ、ふむ、ほんじゃ、自分のブログのテンプレの題名表示部分がどういう要素になっているかを調べてそこをｈ３要素にしてやればいいわけですねと、管理ページからテンプレを開いて、記事表示部分を確かめます。
同様にプラグイン側の方もｈ３を使わないか、あるいはリンクを挟まない形にするなど工夫してやれば、消すことができます。わたしはこの方法で、☆＋ボタンを表示させましたが、なんと、はてなではこの方法を推奨していませんでした！
わたしがしたように、はてなスターにあわせて、テンプレ側を変更するのではなくて、ブログのテンプレの題名表示部分にはてなスター側を合致させるという方法を推奨しています。
→ 「はてなスターをブログに設置するには」
ああ、そかそか、そりゃそれの方がいいでしょね。そう言えば、囚人さんがこの方法で成功していました。
→ 囚人０２２の避難所：「「はてなスター」を（苦労して）付けてみました w」
ああ、なるほど、基本に忠実とはこういうことなんですね。こうしないでわたしのようにテンプレ側を操作するとテンプレ側のデザインが変わってしまって、ＣＳＳまでいじらないとならなくなります。
囚人さんの方法を引用すると、
この方法だと、「４）」でやったようなプラグイン部分の書き換えも、「５）」でやったようなテンプレの書き換えも、その後必要になってくるＣＳＳの調整もいらなくて、簡単です（ただ、この場合でも、テンプレによっては思わぬ所に☆＋ボタンが表示されるという可能性もありますので、そうしたばあいは、やはりテンプレの書き換えが必要になることもあります。※この記事をお読みの方で、設置したいがうまくいかないなど、不明な点がありましたら、できるかぎり協力しますので、秘コメなどでお気軽にどうぞ）。
というわけで、ま、わたしのいつもの結果オーライで、今回もとりあえず、はてなスター設置完了です。応募には定められた記事にトラバして、「はてなスターTシャツ欲しい！」と書いておくのですね〜。こうして、キャンペーンに応募して、あとはＴシャツが当選するのを待つだけであります〜。
※キャンペーンの応募期間は8/8（水）までです。
そうそう、いつものグラフを追記しておきますね〜。
主要ブログアクティブユーザー数の比較グラフです。週末になってしまいましたが、先週（７月２３日始まる週）までの週別集計です。傾向も変わりません。
※集計はブログファン（http://www.blogfan.org/）です。
ＦＣ２がＴシャツキャンペーンなってやってことありましたか？ ありませんね。日本一ブログなのに〜。ＦＣ２もＰＩＹＯＴとかつくったら、意外にもかわいいかも。
でもって、着てたら聞かれるんでしょうね、
：「なにそれ？ ＰＩＹＯって？」：「最近流行のミニブログじゃん〜」：「ほ〜。ミニブログ。で、ＦＣ２って？」：「日本で一番ユーザーが多いブログだよ」：「へぇ〜。で、ＦＣ２ってどういう意味？」：「わからんけど、ファンタスティック・クビ・クピらしい……」：「はぁ〜？ くぴくぴ？ なにそれぇ〜」……と、ここでネタやってもしかたないか〜（笑）。
さて、はてなです。「はてなスターTシャツ欲しい！」キャンペーンの第２弾です（あ〜、第１弾があったのか、知らなかったなぁ。うかつだったぁ）。第１弾は、7/19〜7/25に実施していたのですね。そもそも１回限りのキャンペーンの予定が好評で、予備にとっておいた在庫などから探しあつめて15枚を確保し、第2弾キャンペーンを行うことになったようです。
→ はてなスターＴシャツ欲しい！キャンペーン第２弾の案内ページ
今回は、はてなスターをネタにしたおもしろいコンテンツを公開された方の中からはてなスタッフが選んだ10名様にスターTシャツをプレゼントする「コンテンツ審査部門」と、はてなダイアリー以外のブログにはてなスターを設置していただいた方の中から抽選で5名様にスターTシャツをプレゼントする「外部ブログ抽選部門」のＷキャンペーンです。
おお、外部ブログ部門ってのがあるんですね〜。いいじゃんいいじゃん。
というわけで、はてなスターＴシャツ欲しさに、はてなスターをつけてみます。
１）まず、はてなスターのＩＤを取得します。といっても、ＦＣ２におけるＦＣ２ＩＤのようにはてなは全サービスを統一ＩＤでフォローしていますので、すでにはてなのＩＤのある人はそちらから取得します。わたしはないので、はてなのＩＤを取り、このブログを外部ブログと登録し、そうしてはてなスターのＩＤを取得しました。
はてなＩＤの取得はこちらです。→ はてなユーザ登録
２）次に、はてなスターを表示させるためのスクリプトを入手します。これははてなのＩＤでログインした状態から、自分のブログのページ（http://s.hatena.ne.jp/○○userId○○/blogs）から取得できます。
※詳しくはこちら→「はてなスターをブログに設置するには」
３）「２）」で入手したスクリプトを、自分のＦＣ２ブログのテンプレの指定の部分に貼りつければ、とりあえず設置完了です。指定の部分とは、テンプレートの＜head＞タグと＜/head＞タグの間です。よくわからない人は＜/head＞タグの直前がいいでしょう。
こうしてうまくはてなスターのアイコン（☆＋ボタン）が表示されればいいのですが、わたしの場合はうまく行きませんでした。こんな具合に、はてなスターの☆＋ボタンが、プラグインメニューのところに表示されて、逆に肝心の記事のタイトル欄には表示されなかったのです。
理由は簡単です。はてなスターは、ＨＴＭＬのｈ３要素の中にリンクが含まれている場合に、それをタイトルと記事のpermalinkであると判断して、そこに表示させているのです。
わたしのブログの場合には、プラグインの中で、最近のコメント、最近のトラバはツリーを折りたたんであって、BlogPeopleのリストにも折りたたみスクリプトを使っていて、その関係で、プラグインのタイトルと折りたたみボタンの関連で、ｈ３要素とリンクがあったのですね。そこを記事タイトルと判断されて☆＋ボタンていたわけです。逆に、記事表示部分のタイトル行がこうなっていないので表示されないわけです（後述しますがｈ２要素でした）。
ふむ、ふむ、ほんじゃ、自分のブログのテンプレの題名表示部分がどういう要素になっているかを調べてそこをｈ３要素にしてやればいいわけですねと、管理ページからテンプレを開いて、記事表示部分を確かめます。
となっていましたので、このｈ２をｈ３と書き換えてやれることによって、☆＋ボタン表示が可能になります。＜h2＞＜a href="＜%topentry_link＞"＞＜%topentry_title＞＜/a＞＜/h2＞
同様にプラグイン側の方もｈ３を使わないか、あるいはリンクを挟まない形にするなど工夫してやれば、消すことができます。わたしはこの方法で、☆＋ボタンを表示させましたが、なんと、はてなではこの方法を推奨していませんでした！
わたしがしたように、はてなスターにあわせて、テンプレ側を変更するのではなくて、ブログのテンプレの題名表示部分にはてなスター側を合致させるという方法を推奨しています。
→ 「はてなスターをブログに設置するには」
ああ、そかそか、そりゃそれの方がいいでしょね。そう言えば、囚人さんがこの方法で成功していました。
→ 囚人０２２の避難所：「「はてなスター」を（苦労して）付けてみました w」
ああ、なるほど、基本に忠実とはこういうことなんですね。こうしないでわたしのようにテンプレ側を操作するとテンプレ側のデザインが変わってしまって、ＣＳＳまでいじらないとならなくなります。
囚人さんの方法を引用すると、
マニュアルでスクリプトを書けと言われたらお手上げだったんですが、よく読むと、どうも次のものを、最初の指定のスクリプトの後に続けて書けばいいらしい？
どうかなぁと思ったんですが、一瞬タイムラグがあって･･･無事に表示されました！やったぁ、これはなんだか達成感！（笑）＜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＞
この方法だと、「４）」でやったようなプラグイン部分の書き換えも、「５）」でやったようなテンプレの書き換えも、その後必要になってくるＣＳＳの調整もいらなくて、簡単です（ただ、この場合でも、テンプレによっては思わぬ所に☆＋ボタンが表示されるという可能性もありますので、そうしたばあいは、やはりテンプレの書き換えが必要になることもあります。※この記事をお読みの方で、設置したいがうまくいかないなど、不明な点がありましたら、できるかぎり協力しますので、秘コメなどでお気軽にどうぞ）。
というわけで、ま、わたしのいつもの結果オーライで、今回もとりあえず、はてなスター設置完了です。応募には定められた記事にトラバして、「はてなスターTシャツ欲しい！」と書いておくのですね〜。こうして、キャンペーンに応募して、あとはＴシャツが当選するのを待つだけであります〜。
※キャンペーンの応募期間は8/8（水）までです。
そうそう、いつものグラフを追記しておきますね〜。
主要ブログアクティブユーザー数の比較グラフです。週末になってしまいましたが、先週（７月２３日始まる週）までの週別集計です。傾向も変わりません。
※集計はブログファン（http://www.blogfan.org/）です。
TRACKBACK
※この記事のトラックバックＵＲＬ（コピーしてお使い下さい）
→ http://smartass.blog10.fc2.com/tb.php/1685-7a6fb346
※管理人が承認したトラックバックのみ表示します（１２時間以内には表示処理をするつもりです）。
→ http://smartass.blog10.fc2.com/tb.php/1685-7a6fb346
※管理人が承認したトラックバックのみ表示します（１２時間以内には表示処理をするつもりです）。
すべて表示
閉じる
http://www.retropc.net/fm-7/museum/magazine/ohfm/090002603.html
#本題とほぼ無関係なネタで済みません(汗)。