ホーム >> 左脳Script >> Movable Type >> 小技 >> ソーシャルブックマーク の追加ボタンを設置する

ソーシャルブックマーク の追加ボタンを設置する


そもそも「ソーシャルブックマークをする人は、自前でブックマークする手段を持っているから、わざわざページに追加する必要もないだろう。」と、手を抜いていたわけですが、 アクセス解析から「見知らぬページからのリンクがブックマーク公開ページだった」事が判ると、改めて「自分の記事に興味を持ってくれる人」が居たのだと実感出来ます。

ブックマークボタンも無いよりは合った方が、当然ながら「よりブックマークしてもらえる確率が上がる」訳です。

「べッ・・別にアンタ達の為に付けてやるんじゃないわよッ!」

ええ・・・その通りです。自分の為に付けるんです。

冷たい一人ボケ突っ込みはともかく、作業を開始しましょう。


検索ですればそれなりに情報がありますから、ここで説明するのもほどほどにしておきます。
テンプレートは、管理しやすい用にモジュールとして作って置くと良いでしょう。

<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" title="Hatenaブックマークに追加" rel="nofollow"><img src="/img/b_entry.gif" width="16" height="12" style="border: none;" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a>
<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(location.href)+'&amp;ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="/img/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" title="Yahoo!ブックマークに登録" style="border:none;"></a>
<a href="http://del.icio.us/post?url=<$MTEntryPermalink encode_url="1"$>&amp;title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>" rel="nofollow"><img src="/img/delicious.small.gif" width="15" height="15" alt="del.icio.us に追加" title="del.icio.us に追加" /></a>
<a href="http://clip.livedoor.com/redirect?link=<$MTEntryPermalink encode_url="1"$>&amp;title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>&amp;ie=utf-8" rel="nofollow"><img src="/img/clip_16_16_w.gif" width="16" height="16" alt="livedoorクリップ に追加" title="livedoorクリップ に追加" /></a>
<a href="http://buzzurl.jp/entry/<$MTEntryPermalink encode_html="1"$>" title="Buzzurl に追加"><img src="/img/add_icon_mini_01.gif" alt="Buzzurl に追加" width="21" height="15" title="Buzzurl に追加" /></a>

実は、最初アイコン画像を全て各サービスのサーバーから直接読み込んでいたのですが・・・
サーバーや接続時間で、アイコンの読み込み時間にばらつきがある事が判りました。
これを回避する為、自分のサーバーに置けば「読み込みのバラつき」は抑えられるハズと考えました。この先ずっとこのアドレスである保障が全くありませんが、一応、各画像の元URLを残しておきます。

  • はてなブックマーク
    http://b.hatena.ne.jp/images/append.gif
  • Yahoo!ブックマーク
    http://i.yimg.jp/images/sicons/ybm16.gif
  • delicious
    http://del.icio.us/static/img/delicious.small.gif
  • Livedoorクリップ
    http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif
  • Buzzurl
    http://buzzurl.jp/static/image/api/icon/add_icon_mini_01.gif


実は、ソーシャルブックマークのサービス自体は、イロイロなところが提供していて、今は20近くあるそうです。全部のアイコンを並べても良いのですが、そんなに在れば当然見栄えも微妙になってくる事になります。

有名どころや、自分の直感で5個程度に絞る方が良いかも知れません。
また、そのアイコンの設置場所もブログの形態に合わせて各自で工夫が必要になるでしょう。


「私には選ぶなんて出来ない!」と言う方は、AddClips と言う「沢山のブックマーク登録ボタンを一まとめにする」ものも在るそうです。



トラックバック(0)

トラックバックURL: http://n-yagi.0r2.net/sanoupulurun/mt-tb.cgi/146

コメントする

ホーム >> 左脳Script >> Movable Type >> 小技 >> ソーシャルブックマーク の追加ボタンを設置する

アーカイブ

このブログ記事について

このページは、n-yagiが2009年6月 5日 17:17に書いたブログ記事です。

ひとつ前のブログ記事は「swfobject.js を使った Flash 貼り付けプラグイン」です。

次のブログ記事は「ポリシーについての調査」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Creative Commons License
このブログはクリエイティブ・コモンズでライセンスされています。