カレンダー

10 | 2017/11 | 12
- - - 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 - -

最近の記事

月別アーカイブ

カテゴリー

ユーザータグ

最近のコメント

プロフィール

run800m

Author:run800m
元・陸上競技の800m選手。
好きな食べ物はねぎともやし。

専門は機械工学・ロボティクス
興味は経済・経営・生産・心理
・地理・プログラミング・性

QLOOKアクセス解析
フィードメーター - 他人の日記を見るのか? ver.BLOG

QRコード

QR

RSS

はてなRSSに追加
livedoor Readerに追加
My Yahoo!に追加
Googleに追加
goo RSSリーダーに追加
Bloglinesに追加
Technoratiに追加
newsgatorに追加
Powered by SEO対策 RSSプラス

ブログ内検索

リンク

このブログをリンクに追加する

気まぐれ広告

ブログ内容を反映するらしい。
ホントか!?

他人の日記を見るのか? ver.BLOG
デジモノ好きのたわいもない記録 デジタルライフ
スポンサーサイト
このエントリーを含むはてなブックマーク FC2ブックマーク この記事をlivedoorクリップ! Yahoo!ブックマークに登録 Buzzurlにブックマーク
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


最近の記事を見る

(2010/02/22)

QLOOKの解析タグのカスタマイズに新機能 (2009/05/02)

CREATIVE ZEN その11(ZEN MX発売) (2009/04/30)

あらゆるコネクタの埃(ホコリ)対策 (2009/03/31)

カテゴリごとにブログのデザインを替える方法 (2009/02/28)

T-falのIH鍋を買いました (2009/01/31)

ZoneAlarmフリー版のいらない右クリックメニューを消す方法 (2008/12/15)

CREATIVE ZEN その10(右クリックメニューを消す方法) (2008/12/12)

Spybotの右クリックメニューを消す方法 (2008/12/11)

ブログのカテゴリ分けを使いこなす (2008/11/21)


カテゴリ:スポンサー広告

Buzzurlを導入してみた
このエントリーを含むはてなブックマーク FC2ブックマーク この記事をlivedoorクリップ! Yahoo!ブックマークに登録 Buzzurlにブックマーク
SBMシリーズ第5弾!

今回はBuzzurl(バザール)です。

名前からしても今までと違う印象を受けますが、果たして!

【SBMシリーズ】
はてなブックマークを導入してみた
FC2ブックマークを導入してみた
livedoorクリップを導入してみた
Yahoo!ブックマークを導入してみた

1.登録
さてさて、まずはサービスに登録するところから始まります。

ここから今までのSBMとは一味違います。

もともとBuzzurlの運営はECナビという価格情報サイトが母体のようです。

ECナビの口コミ機能からBuzzurlというサービスに繋がったのでしょうかね。

とにかくこのECナビの会員となって、Buzzurlが使えるようになる訳です。

そして他のSBMと違うところは、Yahoo! JapanのIDでもBuzzurlを利用することができます。

という訳で『Yahoo!ブックマークを導入してみた』の時に作成したr_run800mというIDで登録してみましたが、IDはYahoo! Japanのものと違う名前でも設定できます。

違いがわかりにくいですが、Yahoo! JapanのIDである「r_run800m」ではなく「run800m」で登録しました。

なお、Yahoo! JapanのIDで利用しているユーザーのBuzzurlでのユーザー名は「yj/【ユーザー名】」となります。

私の場合は「yj/run800m」となっています。


2.ブログパーツ
恒例の「ブックマークする」アイコンとブックマーク数の表示方法です。

ログイン後、右上の「ヘルプ(FAQ)」→最下段の「【ブックマークアイコンの取り付け 】」→「自分のブログやサイトにも取り付けたい」の中に説明があります。

説明の中で「取り付け方法はこちら」とあり、以下のアイコンジェネレーターなるものが使えます。
http://buzzurl.jp/icongenerator/

14種類の画像と、6種類のブログサービスまたはURLを選択・入力することで、ブログパーツが生成されます。

FC2だとこんな感じ。(BuzzurlにブックマークBuzzurlにブックマーク
<a href="http://buzzurl.jp/entry/<%topentry_link>" title="Buzzurlにブックマーク" target="_blank"><img src="http://buzzurl.jp/static/image/api/icon/add_icon_big_01.gif" alt="Buzzurlにブックマーク" style="border:0"></a><a href="http://buzzurl.jp/entry/<%topentry_link>" title="Buzzurlにブックマーク" target="_blank"><img src="http://api.buzzurl.jp/api/counter/<%topentry_link>" alt="Buzzurlにブックマーク" style="border:0"></a>

ブログサービスごとなので、FC2のテンプレート専用変数でローカライズがしっかりされています。

ブックマーク数の表示もセットでコードが生成されています。


3.使い勝手
まずサイトの見た目ですが、かなりごちゃごちゃとしています。

まさにバザールといった感じ。

情報量が多いことの裏返しですが、少し見難さも感じます。

ニュースに特化しているようで、大手や人気のあるニュースサイトへのリンクがあったりします。

ブックマークに対するコメントや評価など、ソーシャル部分にも力を入れているようです。

このコメント、返信、グーされたといった機能があるため、ログイン後のページも多機能で理解するのに時間がかかります。

トップページと同じく、ごちゃごちゃとしています。

ヘルプなども、もう少し見た目に配慮してくれると使いやすいかなと思いました。

ただ、多機能ということで「ブックマーク整理ツール」なるものがあります。

登録した全てのブックマークに対して、キーワードの追加・置換・除去や公開レベルの設定が一括でできます。

あまり使うことはないでしょうが、そういった必要にかられた場合にいちいち一つずつ変更しなくて済むのは便利ですね。

あとは他のSBMとの違いとして、登録の仕方が少し面倒です。

普通はブックマークアイコンを押すと登録フォームに飛ぶのですが、Buzzurlの場合はBuzzurlの紹介のようなページが表示され、そこで「ブックマークする」という画像をクリックして、初めて登録フォームに飛びます。

【追記】 ↑これに関しては直接フォームへ飛ぶように改善されました。この記事がECナビの社長にBuzzurlでブクマされて「こういう声ってありがたいです。」って言われたからかもしれません。驚きです。)


登録項目はタイトル、コメント(半角1000文字以内)、キーワード(タグ)があり、おすすめキーワードと今までに使ったキーワードの入力補助もついています。

しかし、タグが8個までと他のSBMの10個と比べると少なく、また最大の違いが入力するテキストボックスが個々のキーワードごとなので入力が面倒です。

普通はタグ(キーワード)の入力に使うテキストボックスは一つで、一つのタグごとにスペース区切りだったり、はてなだったら角括弧で囲んだりして入力しますが、Buzzurlはタグごとに個別に入力します。

これだと複数のSBMを使っている場合には、タグをコピペして一発で入力できないので面倒です。

そういう人の方が少数派なんで、あまり問題はないのでしょうが。

あとデータのインポート、エクスポートですがログイン後ページの左のサイドバーにある「基本情報の設定変更」→「インポート」「エクスポート」からできます。

インポート形式はRSS形式とNETSCAPE-Bookmark-file-1形式。

エクスポート形式はRSS1.0とブックマーク形式だそうです。


あと使っていて気付いたこととして、Buzzurlのブックマークがみんなの知恵蔵に連動しています。

みんなの知恵蔵では検索した語句に関するニュースをasahi.comから、ブックマークされたサイトをBuzzurlから入手しているので、Buzzurlに登録されたサイトが表示されます。

例えばIEEE1394で調べると、Buzzurlにブックマークしてある『IEEE1394 Firewire i.LINK DV [他人の日記を見るのか? ver.BLOG]』が表示されます。

これはBuzzurlのヘルプなどには載っていないですし使って初めて気がつきましたが、ちょっとしたアクセスアップに繋がるかもしれないですね。



そんなこんなでBuzzurlはちょっと他とは違ったSBMでした。

今までのYahoo!、live door、はてな、FC2といった元々多くのユーザーを抱えて手広く事業を展開している大手ネットサービスではないので、SBMを盛り上げるためには独自性を出す必要があったのかもしれません。


さて、次回はどのSBMを使ってみようかな。


今回興味を持ったもの

バザールでござーる はがきイラスト2004 プリント機能付きバザールでござーる はがきイラスト2004 プリント機能付き

インターチャネル・ホロン 2003-10-17
売り上げランキング : 18230

Amazonで詳しく見る
by G-Tools


スポンサーサイト

関連した記事を見る(タグ検索)
HTML CSS 設定 FC2ブログ ブックマーク Buzzurl
最近の記事を見る

(2010/02/22)

QLOOKの解析タグのカスタマイズに新機能 (2009/05/02)

CREATIVE ZEN その11(ZEN MX発売) (2009/04/30)

あらゆるコネクタの埃(ホコリ)対策 (2009/03/31)

カテゴリごとにブログのデザインを替える方法 (2009/02/28)

T-falのIH鍋を買いました (2009/01/31)

ZoneAlarmフリー版のいらない右クリックメニューを消す方法 (2008/12/15)

CREATIVE ZEN その10(右クリックメニューを消す方法) (2008/12/12)

Spybotの右クリックメニューを消す方法 (2008/12/11)

ブログのカテゴリ分けを使いこなす (2008/11/21)


テーマ:SEO対策 - ジャンル:コンピュータ

メインカテゴリ:ネット関連  カテゴリ:SBM

Yahoo!ブックマークを導入してみた
このエントリーを含むはてなブックマーク FC2ブックマーク この記事をlivedoorクリップ! Yahoo!ブックマークに登録 Buzzurlにブックマーク
SBMシリーズ第4弾。

今回はYahoo!ブックマークを導入してみました。

【SBMシリーズ】
はてなブックマークを導入してみた
FC2ブックマークを導入してみた
livedoorクリップを導入してみた

はてなブックマークを試してた頃は、こんなシリーズ化する予定なんて全くなかったのに。

試せるだけ試していくつもりです!

ただ、毎回文章が意図せず長くなってしまうので、今回からは簡潔に終わらせよう。


まずはお決まり、ブログに「登録ボタン」「人数表示」を貼るためのソースです。

ログイン後の画面の右上「設定・ツール」⇒中ほどの「便利ツール」の中の「ブログパーツ」です。

登録ボタンのみ、人数表示のみ、両方(組み合わせ)の中から選ぶことができます。

特にオススメは組み合わせ。

ラジオボタンで人数表示と登録ボタンの種類が選べ、選らんだ組み合わせのソースが出力されます。

実際にどんな見た目になるのか選びながらプレビューすることができます。

これは見やすしい、使いやすくてとても親切なつくりです。

さすがは大手のYahoo!だけあって、洗練されています。

で、実際にうちに採用したタイプがこれ。
<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(location.href)+'&ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;"></a><script src="http://num.bookmarks.yahoo.co.jp/numimage.js?disptype=small"></script>

FC2と同じ、JavascriptでタイトルとURLを取得するタイプですね。

汎用的に使えるのが利点です。

ただ、これだとブログのトップページ(http://run800m.blog23.fc2.com/)なんかで複数の記事が載っている場合に困ります。

その個々の記事をブックマークしたいのに、ブログのURLで登録されてしまうからです。

まあ、それが目的の場合もありますが、そういう時はブックマークレットを使えばいい訳ですし。

そんな訳でFC2ブログ用にローカライズしました。

ようは、ここを変換するだけ。
encodeURIComponent(document.title) ⇒ <%topentry_enc_title>
encodeURIComponent(location.href) ⇒ <%topentry_enc_link>

エンコードしたURLとタイトルですね。

あ、あとシングルクオテーション(')を消すのも忘れずに。

私はうっかり忘れてしまいました。

そんな訳でFC2ブログ用にローカライズしたYahoo!ブックマークのソースがこちら。
<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=+<%topentry_enc_title>+&u=+<%topentry_enc_link>+&ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" title="Yahoo!ブックマークに登録" alt="Yahoo!ブックマークに登録" style="border:none;"></a><script src="http://num.bookmarks.yahoo.co.jp/numimage.js?disptype=small"></script>

そのうち、<NOSCRIPT>もできるならやってみよう。

とか思って少し検索してみたらスタッフブログなるものを発見。

FC2ブログに人数表示ブログパーツを設置する

上で私がやった以上にローカライズがなされてます。

そもそも人数表示がJavascriptでなくてもできるようになっているのが魅力的です。

さっそくスタイルなんかもいじって、うちのブログ用にさらにローカライズしたものがこちらです。
<a href="http://bookmarks.yahoo.co.jp/action/bookmark?t=<%topentry_enc_utftitle>&u=<%topentry_enc_link>" title="Yahoo!ブックマークに登録"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;" /></a> <a href="http://bookmarks.yahoo.co.jp/url/<%topentry_link>" title="Yahoo!ブックマークに登録しているユーザー" target="_blank"><img class="yahoob_num" src="http://num.bookmarks.yahoo.co.jp/image/small/<%topentry_link>"></a>

ちなみに同じくエンコードしたURLとタイトルをJavascriptで取得しているFC2ブックマークなんですが、同じようにローカライズしてみてもうまくいきませんでした。

URLはいいんですが、タイトルがEUCでもUTF-8でもエンコードしなくても文字化けしてしまいます。

一体どんな文字コード使ってるんだか。

おんなじFC2のブログなのに、不思議なもんです。

どうにもFC2ブックマークは曲者だな。


さて、続いてはYahoo!ブックマークの機能について。

まず登録方法。

URL、タイトル、タグ、コメントです。

タイトルが編集できてしまうタイプですね。

タグは1つにつき全角で約20文字、合計で全角で約300文字だそうです。

他のユーザーの使ったタグのクリックによる入力はありますが、既存の今までに自分が入力したタグを選ぶという機能はありません

また一つ大きな違いとして入力時に別枠表示式のボタンまたはブックマークレットを使うと、小さな別ウィンドウが出てくるスタイルになっています。

さらに、ブックマークをフォルダ管理することができます。

ブックマークの一覧表示は、詳細表示、タイトル表示、画像表示から選べます。

表示する数についても設定から20、50、100件と選べます。

インターフェイスはなかなか軽快で、複数のブックマークの編集・移動なんかも選択性でやり易いです。


続いてインポート・エクスポートについて。

こちらもヘルプに詳しく記載がありますし、非常にわかりやすいつくりになっていました。

まずインポート。

IE、FF、その他のブラウザブックマーク、そしてdel.icio.us、RSSの5種類から選ぶことができます。

インポートできるRSSとしてはMy Web、はてな、nifty、livedoorが載っていました。

私ははてなからRSSでインポートを行ったのですが、インポートしたブックマークは「RSS」というフォルダにインポートされました。

もちろんインポート後にフォルダ間を移動させることは可能です。

エクスポートはIE、FF、safariのブラウザブックマークとXMLの4種類から選ぶことができます。

またエクスポートするデータは全てのデータ以外にフォルダ単位、タグ単位で抽出することも可能です。



SBMを4社見てきた中で、全体として「さすがはYahoo!」と思わせるSBMでした。

ユーザーも多い大手であり経験も豊富なため、ヘルプも充実しており、ユーザービリティについては申し分ない作りです。

特徴としてエクスポート・インポートなどを見るに、他のSBM以上に従来のWebブラウザとの親和性が重視されています。

SBMの説明書きによくある「万が一の時のためにブラウザのブックマークのバックアップ」という点に関して、Yahoo!ブックマークは実際にそういう使い方をしてもいいかなと思わせるだけの作りです。

インポート・エクスポートに関して今までで一番安定感を感じましたし、親切な設計になっているところも安心感を与えます。

集客効果についてもYahoo!ブックマークはSBMとしてはてなほど話題にはあがりませんが、「Yahoo!」というそれ自身が既に大きなコミュニティであり、相当数のユーザーを抱えているようです。

日本ではいまだにYahoo!がトップページで検索はYahoo!って人も多いですし。

入っておいて損はないSBMだと思います。


さあ、次回のSBMはどこだ!

今回興味を持ったもの

ヤフー・ジャパンはなぜトップを走り続けるのかヤフー・ジャパンはなぜトップを走り続けるのか
吉村 克己

ソフトバンククリエイティブ 2006-07-20
売り上げランキング : 98440
おすすめ平均

Amazonで詳しく見る
by G-Tools



関連した記事を見る(タグ検索)
HTML CSS 設定 FC2ブログ ブックマーク Yahoo!
最近の記事を見る

(2010/02/22)

QLOOKの解析タグのカスタマイズに新機能 (2009/05/02)

CREATIVE ZEN その11(ZEN MX発売) (2009/04/30)

あらゆるコネクタの埃(ホコリ)対策 (2009/03/31)

カテゴリごとにブログのデザインを替える方法 (2009/02/28)

T-falのIH鍋を買いました (2009/01/31)

ZoneAlarmフリー版のいらない右クリックメニューを消す方法 (2008/12/15)

CREATIVE ZEN その10(右クリックメニューを消す方法) (2008/12/12)

Spybotの右クリックメニューを消す方法 (2008/12/11)

ブログのカテゴリ分けを使いこなす (2008/11/21)


テーマ:SEO対策 - ジャンル:コンピュータ

メインカテゴリ:ネット関連  カテゴリ:SBM

livedoorクリップを導入してみた
このエントリーを含むはてなブックマーク FC2ブックマーク この記事をlivedoorクリップ! Yahoo!ブックマークに登録 Buzzurlにブックマーク
『はてなブックマークを導入してみた』『FC2ブックマークを導入してみた』とSBM(ソーシャルブックマーク)の導入記事を書きましたが、今回もSBMの記事です。

もうなんか、この際全部試してやろうとなったからです。

ただ、次有名どころとなるとdel.icio.usとかか……

英語はちょっとなぁ……


さて今回はlivedoorクリップを導入してみました。

今までと違って、名前が「ブックマーク」ではなく「クリップ」。

Firefox(Firebird時代から)使って長いんで忘れてましたが、よく考えたらIEって「ブックマーク」じゃなく「お気に入り」なんですよね。

英語版だと「favorite」。

wikipedia調べてみると、IEよりネスケより古いMosaicでは「ホットリスト」だったようです。
『ブックマーク - Wikipedia』
http://ja.wikipedia.org/wiki/%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF

どれが一番しっくりくるかっていうと、やっぱブックマークかな。

気に入らないページでも「お気に入り」にするし、ホットじゃないページも「ホットリスト」に入れるし。

「ブックマーク」、つまり「しおり」のイメージが使い方とかから考えても、一番実用に即した名前だと思います。

livedoorクリップは紙とかをまとめるあの針金をクルクルっと巻いたクリップがテーマ画像になってますが、気軽にまとめておけということでしょうか?

クリップの使い方って、あまりブックマークの使い方とは似てないように思うんですが。

付箋とかポストイットの方がまだ近いように感じます。

まあ、名前なんかどうでもいいですね。

機能の話をしましょう。



まずは今回もブログへの「登録ボタン」と「人数表示」の導入の仕方から。

前回のFC2ブックマークの件で、だいぶユーザビリティを見る目が厳しくなっていますが、果たしてlivedoorクリップは?

とりあえずブックマーク登録ボタンについては「使い方」⇒「ブログに「clip!」ボタンを設置しよう!」の中にありました。

4種類の画像と、それらのHTMLソースが記述してありました。

ただし、これlivedoorブログ限定のソースです。
<a href="http://clip.livedoor.com/redirect?link=<$ArticlePermalink$>&title=<$BlogTitle URIESCAPE$>%20-%20<$ArticleTitle URIESCAPE$>&ie=euc" class="ldclip-redirect" title="この記事をクリップ!"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_b.gif" width="16" height="16" alt="この記事をクリップ!" style="border: none;vertical-align: middle;" /></a>


<$ArticlePermalink$>って、おそらくlivedoorブログのテンプレート変数だと思います。

「livedoor Blogの場合」っていう項目しかなくて、はてなブックマークみたいに色んなブログサービスごとの貼り方は書いてありません。

FC2ブックマークのようにJavascriptを使って、汎用的に使えるようなソースでもないですし。

タグとテンプレート変数を理解しているレベルの人でないと導入が難しいと思います。

まあ、そんな人でなければテンプレートを思いっきりいじったりっていうこと自体しないと思うので、問題ないのかもしれませんが。

それに今の時代はググれば誰かがやり方書いてくれてるでしょうしね。

その誰かに私もなろうと思います。
<a href="http://clip.livedoor.com/redirect?link=<%topentry_link>&title=<%blog_name>%20-%20<%topentry_title>&ie=euc" class="ldclip-redirect" title="この記事をクリップ!"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_b.gif" width="16" height="16" alt="この記事をクリップ!" style="border: none;vertical-align: middle;" /></a>

見たまんま何も考えずにやりましたが、うまくいっているようです。

livedoor側の仕様は見てないので、なんとなくでFC2ブログのテンプレート変数に置き換えたんですが、
<$ArticlePermalink$> ⇒ <%topentry_link>
<$BlogTitle URIESCAPE$ ⇒ <%blog_name>
<$ArticleTitle URIESCAPE$> ⇒ <%topentry_title>

各記事のURL、タイトルとブログのタイトルですね。

URIESCAPEっていうのがエンコードを意味している気がしたので、最初はエンコードしたのを当てはめてみたんですが、どうも文字化けしてしまいました。

最後に「&ie=euc」ってあるし、FC2ブログは文字コードがEUCなんで、エンコードなしでいいのかも。


続いてブックマークしている人数を表示する方法です。

これについては「使い方」⇒「livedoorクリップAPIについて」から行ける、「livedoor クリップの Wiki」に載っていました。

APIとか意味が分かっていればどうってことはないですが、やはり右も左も分からない素人には敷居が高い感じがします。

で、ここの「クリップ数を画像で取得する API」にやり方が載っていて、実に簡単です。
<img src="http://image.clip.livedoor.com/counter/ページのURL">

これを貼るだけです。

そんな訳でFC2ブログで使う場合には、
<img src="http://image.clip.livedoor.com/counter/<%topentry_link>">

ですかね。

クリックした時に、そのURLのブックマークページへと飛ぶようにするには
<a href="http://clip.livedoor.com/page/<%topentry_link>" target="_blank" title="livedoorクリップの<%topentry_link>のページを見る"><img class="livedoor_clip_num" src="http://image.clip.livedoor.com/counter/<%topentry_link>"></a>



ブログへの導入の話が終わったところで使い勝手の話。

登録後に初めて見た初期画面に、「インポート」の文字を発見。

他のSBMのデータをインポート、そしてlivedoorクリップのデータをエクスポートできるとのこと。

SBMにそんな仕組みがあったとは。

改めて見てみると、はてなにもFC2にもありました。

よく見てない私が悪いんですが、一番最初に見る画面に「インポート」の話を載せてくれるのは親切ですね。

実際、はてなとFC2ではせっかくある機能に気付かなかった訳ですし。

使い方はそれぞれログイン後のブックマーク一覧の出る初期画面から、
  • livedoor
  • 「設定」画面⇒下の方にある「インポート・エクスポート」
  • はてな
  • 「設定」画面⇒右上にある「データのエクスポート」
  • FC2
  • 右側の「メニュー」の「インポート/エクスポート」

で、使えます。

そしてエクスポートできる形式ですが、
  • livedoor
  • RSS(2.0)
  • はてな
  • Atom, RSS(1.0), ブックマーク形式(HTML)
  • FC2
  • HTML, OPML

となっています。

FC2の出すファイルだけ少し特殊で、試していませんがSBM間で互換性があるのか疑問です。

インポート形式については、どこも記述がないんですよね。

さすがに自分のところでエクスポートしたデータはインポートできると思いますが……

livedoorのヘルプにある画像によると、はてなの全形式がインポートできるように見えますが、詳細は不明です。

インポート(データ移行)
http://helpguide.livedoor.com/help/clip/guide/grp193

とりあえずはてなのRSS版から、livedoorクリップへのインポートはうまくいきました。

インポートの反映には結構時間がかかるので、気長に待ちましょう。

なお、はてなにはインポート機能がありません。

ずいぶん前から要望があっても取り入れ無いようです。

ユーザーの囲い込み策なんですかねぇ。

検索しても「インポートは手動かツールを使うしかない」って話しかありませんでした。

その中で見つけたものです。

ソーシャルブックマーク管理ツール
http://watcher.moe-nifty.com/memo/2005/10/bookey.html

複数のSBMの登録・削除ができ、SBM間のデータを同期したりもできるようです。

確かに3つも4つも使ってると管理が大変でしょうしね。

いや、普通はSBMをそんな何社も使わないでしょうけど。

便利に使うためのSBMが面倒になっては本末転倒ですし。

SEOとか考えてる人向けのツールですね。

これで同期すればFC2ブックマークのタグの登録できない問題も解決できるんでしょうか?...


そんな登録方法に関して。

livedoorクリップの登録できるデータは、レート、タグ、コメントです。

レートは☆で5段階で評価をつけられるものです。

URLとタイトルは編集できないというのがはてなやFC2と違い、ユーザーよりもサイトオーナー側に配慮した形になっています。

サイトオーナーの知らないところで勝手に変な名前で登録されてしまう可能性を考えれば、livedoorのシステムの方が正しいようには感じます。

タイトルをちゃんとつけてないページも編集できない訳ですが、それはサイト側の不手際ですし。

あえて無題というポリシーの方もいるかもしれませんしね。


FC2の時は酷い目にあったタグはどうでしょう。

タグ入力はスペースを空けて、半角30文字、全角10文字で10個までです。

FC2ブックマークと違って、ちゃんと使い方に書いてありました。

というか、それが当たり前。

オーバーした時にどうなるかまで詳しく書いてありました。

はてなにも負けないくらい、ユーザービリティにしっかり配慮されていて好感触です。

FC2も見習ってください。

livedoorクリップもタグ表示にはタグクラウドを使用しています。

タグ表示のデファクトスタンダードですね。

入力時に既に使ったことのあるタグをクリック入力する機能も、3社ともありました。


クリップしたページの一覧は、FC2のように画像付きの一覧、文字だけの一覧、画像だけの一覧ができます。

画像だけの一覧ってのはちょっと新しいかも。

イメージ検索みたいな感じになります。

でも、サムネイルは各社とも導入していますが、実用上サムネイルを見て「あ~!このページこのページ!」って、なることはそんなにあるのだろうか。


全体的的な感想ですが、はてなほどじゃないにしろ、FC2よりもユーザー数が多く、コミュニティ・情報量がしっかりしています。

情報が多いほうがSBMの共有の部分に魅力が生まれます。

またユーザー数が多いからか、ユーザービリティもしっかりとしていると感じました。

さらに、ユーザー数が多くても重くなったりということはありません。

読み込み速度以外も全体的に機動性がいい印象を受けました。

実はlivedoorのサービスを使うのは今回が初めてです。

2,3年ほど前、知人のlivedoorブログが「読み込めないほど重かった」ので、livedoorには「人は多いがとにかく重い」というイメージを抱いていたんですが。

ホリエモンがいなくなって、見た目だけでなく実のあるサービスを提供するようになったのかもしれません。


さて、次はどのSBMを使ってみようか……

今回興味を持ったもの

ヒルズ黙示録―検証・ライブドアヒルズ黙示録―検証・ライブドア
大鹿 靖明

朝日新聞社 2006-04
売り上げランキング : 55208
おすすめ平均

Amazonで詳しく見る
by G-Tools



関連した記事を見る(タグ検索)
HTML CSS 設定 FC2ブログ ブックマーク livedoor
最近の記事を見る

(2010/02/22)

QLOOKの解析タグのカスタマイズに新機能 (2009/05/02)

CREATIVE ZEN その11(ZEN MX発売) (2009/04/30)

あらゆるコネクタの埃(ホコリ)対策 (2009/03/31)

カテゴリごとにブログのデザインを替える方法 (2009/02/28)

T-falのIH鍋を買いました (2009/01/31)

ZoneAlarmフリー版のいらない右クリックメニューを消す方法 (2008/12/15)

CREATIVE ZEN その10(右クリックメニューを消す方法) (2008/12/12)

Spybotの右クリックメニューを消す方法 (2008/12/11)

ブログのカテゴリ分けを使いこなす (2008/11/21)


テーマ:SEO対策 - ジャンル:コンピュータ

メインカテゴリ:ネット関連  カテゴリ:SBM

FC2ブックマークを導入してみた
このエントリーを含むはてなブックマーク FC2ブックマーク この記事をlivedoorクリップ! Yahoo!ブックマークに登録 Buzzurlにブックマーク
今回も前回の”はてなブックマークを導入してみた”に引き続き、SBM(ソーシャルブックマーク)の話。

ちなみに前回、はてなブックマークを導入した頃には類似サービスはdel.icio.usぐらいしか知らなかった。

livedoorクリップとかFC2ブックマークとか色々あるんですね。

今回はその中でもFC2ブックマークを導入してみた話。


というのも、アクセスログ見てたらFC2ブックマークにうちの記事がブックマークされていて、そこから来てくれている人がいたからです。

そこで初めてFC2ブックマークの存在を知りました。

どうやらFC2ブックマークのユーザー数が少ないため、意外と簡単に「人気記事」としてFC2ブログのトップページに掲載されるようです。

せっかくFC2ブログに書いてるんだったら、FC2ブックマークっていうのにも登録しておくかという、軽いノリで導入に踏み切りました。



導入は簡単。

最近はFC2関連のサービスは、全部FC2IDで一括管理されているので、そこから機能を追加するだけでした。

では、まず最初にはてなの時と同じようにブログにブックマークアイコンとユーザー数を表示する方法から。

ブックマーク登録アイコンについては、公式の「よくある質問」にタグが載っています。

FC2ブックマークFC2ブックマークFC2ブックマークFC2ブックマーク追加
こんな感じで、色や種類が選べます。

画像に関してははてなと違い、FC2側のサーバーに直リンクでいいようです。

まあFC2ブログに貼る分には、どちらにしろFC2のサーバーの負荷になる訳ですしね。

一つ気になるのがJavascriptを用いてURLとタイトルを得ている点。

Javascriptが禁止だと、クリックしても登録することができません。

はてなでは各ブログごとに違うソースコードが提示されていましたが、それはJavascriptを使わずにURLやタイトルを得るためです。

FC2のタグは画像は直リンさせ、Javascriptを使って一つのタグだけでどんなページにも導入できるようにすることで汎用性を高めていますが、Javascript無効に対しては使えない訳です。

まあ後述しますが、FC2ブックマークのサービス自体がAjaxを使っているようなので、そもそもJavascript禁止ではサービス自体が使えなくなってしまうから問題ないのでしょう。


次にブックマークしている人数を表記する方法。

これは公式には載っていません。

なので、googleで検索して↓のブログ記事を参考にしました

『実用! 画像でブックマーク数を返すSBMからブックマーク数を数値で取得』
http://perl-mongers.org/2008/07/_sbm.html

ここのブログの↓この記事なんかも結構興味深いので、SBMが気になる方はチェックされたし。

『実用! Perlで少しでもSBMのブックマーク数を多く見せる』
http://perl-mongers.org/2008/06/perl-sbm.html

では、実際にどんな風なソースになっているのか載せておきます。

前回のはてなと同じく”デファクトスタンダード”な、記事の最下段に追加しました。
|  <a href="javascript:location.href='http://bookmark.fc2.com/user/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)" title="FC2ブックマークへ追加"><img alt="FC2ブックマーク" src="http://bookmark.fc2.com/images/add-16.gif" width="16" height="16" border="0" />追加</a> <a href="http://bookmark.fc2.com/search/detail?url=<%topentry_enc_link>" title="FC2ブックマークしているユーザー"><img  class="fc2b_num" src="http://bookmark.fc2.com/image/users/<%topentry_link>"></a> | 

はてなの時と同じく、画像リンクに枠が表示されないようにスタイルも定義します。
/* FC2ブックマークの画像リンクの枠消去 */
.fc2b_num{
border-style:none;
}

これで、記事の下にはてなとFC2のブックマークが並んでいると思います。

人数をクリックすると登録しているユーザー情報のページ、追加をクリックするとブックマーク登録のページへとリンクします。


さて、ソースの話は終わって、FC2ブックマークの機能の話。

基本的にははてなブックマークと同じです。

URL、タイトル、説明文、タグがつけられます。

入力時のはてなとの違いは、説明文とタグのフォームが別々になっている点と、タグ入力がスペース区切りな点ですね。

タグがスペース区切りなのは、はてなの[タグ]と囲むのよりは楽なのでいいですね。

一度使ったタグのクリック入力も同じようにあります。

ただ、はてなでは登録後の編集の際にカテゴリ分けもできますが、FC2にはそれがありません。

反対にはてなに無い特徴としては、ブックマークの一覧表示の際にサイトのサムネイル画像が表示されます。

はてなでも個別ページではサムネイルがでます。

ただ、この機能は著作権とかの関係で色々と揉めた経緯もあるようです。

googleやyahooでも勝手にキャッシュを集めるのが合法か?という議論はよくありますし、単純に便利になるからいいとは言い切れない問題だとは思います。


とまあ、FC2ブックマークは機能はだいたいはてなブックマークと一緒なんですが……

いかんせん重い!!

なんか全体的に動きがもっさりとしていて、洗練さがありません。

ユーザー数から考えても負荷がありすぎるということもないでしょうに。

こういうところが最大手のはてなとの違いでしょうか。

どうしてもはてなと比べると、所々で悪いところが目につきます。

はてなの時と同じく、このブログの記事を登録してみたのですが、一向にページ読み込みが終わらず、終わったと思ったら真っ白な画面になっていたり、そこから戻るとエラーと言われたり。

そして、その状態でも実はブックマークに登録されている場合とされていない場合があったり。

登録されていないと思って、何回も繰り返していると多重登録されていたりします。

そもそも同一ユーザーの多重ブックマークを許すというのが、人気記事の採点基準としてどうなのかと思います。


そして極めつけは「タグの謎」である。

私はここのブログのトップページを登録しようと、はてなに登録した時と同じく、

「他人の日記を見るのか プログラミング デジモノ レビュー 感想 使い方 ネット コンピュータ FC2 ブログ」

という10個のタグで登録しようとしたのだが、一向に登録が白画面になって進まない。

なんどやっても登録されないので、専用のツールバーまでインストールしたが、それでもエラーが出て進まない。

もしかするとサーバー側の不具合かもしれないと見送っていたが、いつまで経っても登録ができない。

障害情報には載っていないし、他のユーザーは普通に登録できていることからサーバーの不具合ではないと確認。

そこで色々考えた末、タグを全くいれずに登録すると、やっと登録することができたのである。

そして、その状態から一つずつ登録するタグを増やしていくと、どうしても「ブログ」を入れた時だけ登録ができないのだ。

「ブログ」という単語の入る、順番を替えてもだめだった。

なお、はてなを導入した記事のタグも「他人の日記を見るのか SBM SEO FC2 ブログ HTML CSS はてな」では一向に登録ができなかった。

これもまた「ブログ」というタグが入らない。

他の登録したページでは「ブログ」というタグは使ったことがあるし、より文が長いものやタグが10個の物もあったのでエラーの出る(正確にはエラー文は出ず真っ白な画面になる)原因が分からないのである。

しかも、ネットで検索しても、公式サイトを見ても一切タグに関する情報がないのだ。

タグの制限とか文字数の制限とかは「使い方」とか「よくある質問」に書くべきものではないのか?

よくある質問には登録アイコンの設置の話と、ブックマーク拒否の2つしか載っていない。

上で述べたサーバーの障害情報すらFC2ブックマークの公式にはなく、見つけるのに苦労したのだ。

ユーザー数が少ないからと見捨てられたサービスなのだろうか?

もし私が見落とした説明のページがあるなら教えて頂きたい。

少なくともすぐに目に付く所にはなかった。


とにかくタグの登録ができない原因を探るため、色々と実験をしてみた。

まず文字数の限界を知るために「あああああああ....」と長い文字を入れてみた。

これに関しては「一つのタグは30文字までです。」とエラーが出た。

初耳である。

白い画面になることがほとんどなので、エラーが出ること自体が珍しい。

次にタグの個数を調べるために「あああ あああ あああ」と入れてみた。

どうやらタグの重複は除外するようになっているらしい。

そこで「あ い う え お か き....」と入れてみた。

今度は「登録できるタグの個数は最大10個です」と出た。

これも初耳である。

しかしながら、これらの条件ならば先の問題は起こっていないはずである。


では、最大文字数制限で引っかかったのではないか?

タグの文字数を増やし、10個並べてみた。

20文字x10個でエラーが出た。

しかしエラーの内容は「登録できるタグの個数は最大10個です」であった。

タグは許容範囲の10個しか入れていないのだが?

ちなみに20文字x9+19文字x1なら登録できた。

ということは、199文字が限界なのだろうか?

さらにタグの文字数を最大の30文字でやってみた。

30文字x7=210文字でも問題なく登録された。

だが、30文字x9になったとき、最後のタグが先頭7文字だけに勝手に短縮されてしまった。

30文字x9+1文字にすると、また「登録できるタグの個数は最大10個です」のエラーが出た。

相変わらず的を得ていないエラー文である。


とにかくどこにも記述がなく、今回の調査でもFC2ブックマークの登録タグの仕様を理解することができなかった。

私の経験した「登録できない」体験が珍しいケースであればいいのだが。

それと実験をしていて、さらに使いにくさを感じた点がある。

ブックマーク一覧から編集をクリックした際、おそらくAjaxなんかを使っているのだと思うが、内部的にページを変更するので、ブラウザの読み込み中のアイコンが動かない。

しかしながら、ページ遷移が重いため、ほんとに編集画面を出そうとしているのか何もしていないのか、ひょっとしたらエラーで固まっているのか分からないのである。

この時間が非常に長い。

仕方なくタスクバーの「ZoneAlarm」の反応を見て、読み込みが行われているのかを判断せざるを得ない。



といったように、FC2ブックマークははてなブックマークに比べて機能がイマイチなのである。

いや、機能以上にユーザーに対するサポートというか説明が不十分なのである。

実際ここまで神経質になる私の方がおかしいのかもしれないが、私以上にパソコンを扱えないユーザーなら「訳がわかんないから2度と使わないでおこう」となってしまうであろう。

こういった部分が改善されない限り、FC2がはてなにネットサービスで勝つことは難しいのではないかと思うのである。

今回興味を持ったもの

意外と知られていない SNSの謎を解く意外と知られていない SNSの謎を解く
原田 和英

シーアンドアール研究所 2006-10-21
売り上げランキング : 206072
おすすめ平均

Amazonで詳しく見る
by G-Tools



関連した記事を見る(タグ検索)
HTML CSS 設定 FC2ブログ ブックマーク FC2
最近の記事を見る

(2010/02/22)

QLOOKの解析タグのカスタマイズに新機能 (2009/05/02)

CREATIVE ZEN その11(ZEN MX発売) (2009/04/30)

あらゆるコネクタの埃(ホコリ)対策 (2009/03/31)

カテゴリごとにブログのデザインを替える方法 (2009/02/28)

T-falのIH鍋を買いました (2009/01/31)

ZoneAlarmフリー版のいらない右クリックメニューを消す方法 (2008/12/15)

CREATIVE ZEN その10(右クリックメニューを消す方法) (2008/12/12)

Spybotの右クリックメニューを消す方法 (2008/12/11)

ブログのカテゴリ分けを使いこなす (2008/11/21)


テーマ:SEO対策 - ジャンル:コンピュータ

メインカテゴリ:ネット関連  カテゴリ:SBM

はてなブックマークを導入してみた
このエントリーを含むはてなブックマーク FC2ブックマーク この記事をlivedoorクリップ! Yahoo!ブックマークに登録 Buzzurlにブックマーク
書き始める前に……

FC2ブログで記事を書くときはジャンル・テーマを決めて投稿することができますが、アクセス解析とかこの記事は「SEO対策」に投稿しています。

「SEO対策」という言葉は少し間違った言葉なので、いつも違和感を感じながら投稿してます。

「SEO対策」は「検索エンジン最適化対策」とも訳されますが、「対策対策」と言っているようなものです。

検索エンジン側とかがSEOを意識したスパム除去とかを行うのであれば、「SEOに対する対策」という意味で「SEO対策」で間違いではないのですが。

これはECMとECCMのような感じ。

対して今の「SEO対策」の使われ方は、ニューディール政策が「新しい政策政策」という意味になるのと同じなのです。

しかしながら、テーマ一覧に「SEO」がないので渋々「SEO対策」に投稿しています。

言葉は生き物なので誤用でも普及すれば、それがその意味になるという考え方もありますしねぇ。



さて、まったく関係のない愚痴から始まりましたが、はてなブックマークを初めて使ってみました。

いわゆるSBM(ソーシャルブックマーク)というものです。

私以上に流行に乗れていない人のために説明すると、ブラウザについている「ブックマーク・お気に入り」とやることは同じです。

ただし、これがネット上で多数のユーザー同士で共有が出来る。

誰がどんなブックマークをしているのか分かるのです。

どのページがどれだけブックマークされているのか分かるので、ランキングを見れば今注目を集めている有名なページ、面白いページが分かるという仕組みです。

また同じ趣味を持ったユーザーがいれば、そのユーザーのブックマークから興味のあるページを簡単に探せたりする訳です。

また3人以上にブックマークされないと、「注目のページ」として表示されないという機能もあり、ロボット検索と違った、人間による評価を用いた検索が行える訳です。

そしてSEOとしては、はてなのページランクの高さから、ブックマークされたページの評価が上がるということが使えるようです。


実を言うと、はてなの機能を使うこと自体初めてでした。

面白い会社があるということで、時折ITmediaとかのニュースに載ってるのは見たことがありましたが↓
「はてな」という変な会社: http://www.itmedia.co.jp/news/articles/0507/04/news036.html

本とかも(「へんな会社」のつくり方)

「へんな会社」のつくり方 (NT2X)


ブログとかで みたいなのを見たことがありましたが、恥ずかしながら今閲覧している人数とかだと思ってました。

はてなブックマークだったんですね。

そんなにメジャーというか、普及してるもんだとは思いませんでした。

googleとかで検索してても、たまにはてなブックマークのページがヒットしますが、「なんだこのキャッシュは?下のコメントみたいなのにヒットしてるし。」と、大概役に立たない情報なのでスルーしてました。


そして、この仕組みが分かったことで、500userとかになっているページがいかに凄いことか分かりました。

有名なサイトはすごい。

まず、そんなに訪問者がうちにはこないし。

訪問して、さらにわざわざ「ブックマークしよう」という行動を起こす割合なんて、広告をクリックする人数よりも少ないかもしれません。

いつか1000user以上にブックマークされるような有益な記事を書いてみたいものです。

上述したとおり、3user以上を集めないとそのページははてなの「注目ページ」の検索にも載らない訳です。

そうするとブックマークしてくれる可能性が普通よりも高い、「はてなブックマークを利用しているユーザー」が来てくれる率も低くなります。

私のような「はてな?はてなが何なのか自体に、はてなやわ」という人もいまだに多いでしょうから。

そうなると、一向に3userという壁は越えられないと。

2userすら難しい訳です。

さらに設定には3userではなく5userを閾値にすることもできるようで、そうするとさらにハードルが上がります。


この壁を越えるために規約上も許されているサブアカウントを用いて、自分で3回ブックマークするということも行われているようです。

アクセス数、それに直結する広告収入が目的で、臆面もなくそういう行為に及ぶ人もいるようです。

SEOとしても一つのテクニックであり、ビジネスライクに考えればそれもアリなんでしょうが、いつも同じ3人にしかブックマークされてないサイトを見て、4人目が訪れるのかは疑問です。

誰がどんなブックマークをしているのかは見れば分かるので、そういうユーザーや無作為に多量のブックマークを集めているだけのユーザーなんかはすぐ分かる訳ですし。

「どんな手を使ってでも見られなけば無いのと同じ」という考えもありますが、やはり一番重要なのはコンテンツの良し悪しでしょう。

うちの場合、もちろんアクセスが多ければ励みにはなりますが、それが目的ではないですからね。

アクセス数を気にするあまり、ブログを続けていくのが作業になって辛くなる人も多いようです。

そうなっては本末転倒なので、これからも好きなことをウダウダと書いていくつもりです。


ただし、1user目は自分で登録した方がいいようです。

「注目ページ」にはならなくとも「新着ページ」として、はてなブックマーク内に登録されるからというのもそうですが、もう一つの重大な理由があります。

それははてなブックマーク内でのそのページのタイトルは、最初に登録したユーザーにしか変更できないからです。

はてなブックマークではブックマークするページのタイトル、URL、説明(タグ)を登録し、

こういうページ↓
http://b.hatena.ne.jp/entry/http://run800m.blog23.fc2.com/blog-entry-18.html

が作られるのですが、ページにつくタイトルは最初に登録した人が決めてしまいます。

普通は<TITLE>タグ内の文が自動的に枠に入力されるのですが、変更することもできます。

つまり悪意を持ったユーザーによって、自分のページのはてなブックマークに勝手に変なタイトルをつけられてしまう可能性があるのです。

これは驚きました。

もし、自分がはてなブックマークを使っていなかったら、自分の知らないところで、勝手に変なタイトルで紹介されていたかもしれないということです。

もちろん悪意のある投稿には編集や削除を依頼することは可能でしょうが、はてなブックマークを使わなければ一生本人は気付かない可能性もあり得るのです。

そんな訳で、このブログの記事に関しては自分で登録するようにしています。

どこかに「最初は自分で登録するしかない」と書いてるのも見ましたし、本来そういうものなのかもしれません。


ところで今設定を見ていて気がつきましたが、ブックマークを公開ではなく非公開にすることも可能です。

そして、その場合でもブックマークしている一人としてカウントされるようです。

と、なると「自分で3回ブックマークする」という行為が完全に隠れて行える訳ですね。

同一ユーザーによる複数回ブックマークはさすがにできないようですが、これはどうなんだろう。

プライベートにしてしまうとソーシャルブックマークの「共有」の部分が失われてしまう訳だし、理想的な人気投票を求めるのならば、非公開の分はカウントに入れない方が健全なように思います。



さて、最後は機能的な話。

ブックマークする際は上述したようにURL、タイトル、説明文が入ります。

このうち説明文はブックマークをする時に全ユーザーが書きます。

最大100文字までで、[ ]の括弧を使って[ZEN]とか[C++]と書くことでタグ付けもできます。

タグは一つのページにつき10個までで、「他のユーザーはこんなタグを使ってます」というのも登録の際に見ることができます。

入力時に以前に使ったタグは一覧表示されるので、テキストを打ち込まなくてもクリックだけで入力することも可能です。

そして後でブックマークを見る際には、そのタグを使って検索することができるので、自分のにしろ他のユーザーのにしろ、タグ付けによるカテゴリー分けでブックマークを見ることができます。

また、表示方法が独特で登録されているタグの一覧のうち、最新のものには色づけされて、頻繁に出てくるものほど文字が大きくなって表示されます。

動画サイトのDailymotionなんかもそんなタグ表示になっていたと思いますが、わかりやすくていいですね。

これを機に、うちのブログにもユーザータグを同じように並べる「タグクラウド」というプラグインを導入しました。


次にブログに貼る際の方法ですが、公式に各ブログでの貼り方が書いてあります↓

あなたのブログに「このエントリーを含むはてなブックマーク」ボタンを表示させる
http://b.hatena.ne.jp/help/button

自分のブログに被ブックマーク数を表示する
http://b.hatena.ne.jp/help/count

一応、うちでの実際のコードも参考に載せます。

まずHTMLは記事の最下段のトラックバック数やコメント数と同じ欄に貼りました。

他のサイトでも大体ここに貼るのがデファクトスタンダードですね。
| <a href="http://b.hatena.ne.jp/entry/<%topentry_link>"><img class="b_entry" src="http://blog-imgs-30.fc2.com/r/u/n/run800m/b_entry.gif" width="16" height="12" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a> <a href="http://b.hatena.ne.jp/entry/<%topentry_link>"><img class="hateb_num" src="http://b.hatena.ne.jp/entry/image/<%topentry_link>"></a> | 

QLOOKの記事を書いた際に何度も出てきましたが、<%topentry_link>はFC2ブログの中だけで使える、記事のURLを取得するためのテンプレート変数の一つです。

ようは、リンクをクリックすると記事のURLをはてな側に送ってやる仕組みになってます。

user数表示も同じ仕組みで、そのページのブックマーク数が出ます。

ちなみに0userの場合には1x1pxの透明な画像が表示されるようです。

この画像は、はてなのサイトでダウンロードして、自分のFC2ブログにアップロードしておかなければなりません。

あとはスタイルシートの設定
/* 「含むはてなブックマーク」ボタン */
img.b_entry{
float: none;
clear: both;
border: none;
}
/* はてなブックマークの画像リンクの枠消去 */
.hateb_num{
border-style:none;
}

公式には無いスタイルも定義されていますが、これは<A>タグで画像にリンクを貼った際に外枠が表示されないようにするためです。(スタイルなしの場合⇒)

さっきのHTMLソースを見てもらえれば分かりますが、<IMG>タグにclass="hateb_num"が付加してあります。



ネットのサービスは公式の説明書きだけを読んでも2割ぐらいしか内容が掴めないものが多いので、とりあえず実際に使ってみるのが一番ですね。

はてなについては独自APIが公開されてたりするので、いずれマッシュアップとかも試してみたいものです。

今回興味を持ったもの

「へんな会社」のつくり方 (NT2X)「へんな会社」のつくり方 (NT2X)
近藤 淳也

翔泳社 2006-02-13
売り上げランキング : 7819
おすすめ平均

Amazonで詳しく見る
by G-Tools

できるポケット+ はてなブックマークで情報アンテナが10倍広がる本 (できるポケット+)できるポケット+ はてなブックマークで情報アンテナが10倍広がる本 (できるポケット+)
小林 祐一郎

インプレスジャパン 2007-11-15
売り上げランキング : 6049

Amazonで詳しく見る
by G-Tools



関連した記事を見る(タグ検索)
HTML CSS 設定 FC2ブログ ブックマーク はてな
最近の記事を見る

(2010/02/22)

QLOOKの解析タグのカスタマイズに新機能 (2009/05/02)

CREATIVE ZEN その11(ZEN MX発売) (2009/04/30)

あらゆるコネクタの埃(ホコリ)対策 (2009/03/31)

カテゴリごとにブログのデザインを替える方法 (2009/02/28)

T-falのIH鍋を買いました (2009/01/31)

ZoneAlarmフリー版のいらない右クリックメニューを消す方法 (2008/12/15)

CREATIVE ZEN その10(右クリックメニューを消す方法) (2008/12/12)

Spybotの右クリックメニューを消す方法 (2008/12/11)

ブログのカテゴリ分けを使いこなす (2008/11/21)


テーマ:SEO対策 - ジャンル:コンピュータ

メインカテゴリ:ネット関連  カテゴリ:SBM



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。