検索結果にオンラインブックマーク数を！表示干渉対策も公開

2008年12月10日

検索結果にオンラインブックマーク数を！表示干渉対策も公開

Posted by Hibi at 12:00

最近、ブックマークを違う環境でも使用できるオンラインブックマークというのが流行っています。私もGoogleが提供するGoogle ブックマークを使用しています。

このオンラインブックマークは色々なサイトで提供していてGoogle ブックマーク以外にはてなブックマーク(通称、はてブ)、Livedoor Clip、Buzzurl、del.icio.usなどがあります。

これらオンラインブックマークではどれくらいの数がそのサイト、ページをブックマークしているかのAPIを公開しているのですが、その数はそのサイト、ページがどれくらい注目されているかの一つの目安にもなります。いろいろなサイトではそのページのブックマーク数を公開していたりするのですが、そのページへ行く前に検索結果で表示されると非常に便利ですよね。

ブラウザソフトFirefoxを使用しているユーザならそのブックマーク数をGoogleの検索結果の横に表示させるPLUG-INがありますので下記に紹介します。私も使用してみたのですが、中々良い感じのPLUG-INですが、他のPLUG-INを干渉してしまい表示が重なってしまいましたのでその対策も下記に明記しておきます。

Googleの検索結果の横にそのサイト、ページのブックマーク数が表示されるFirefoxのPLUG-INは

Japanese Popular SBM Count With Google for Greasemonkey

です。正確にはPLUG-INではなくFirefoxのPLUG-IN｢Greasemonkey｣にインストールするスクリプトになります。細かい使用方法については

Mozilla Re-Mix: Googleの検索結果に日本の代表的SBMのブクマ数を表示するGreasemonkeyスクリプト「Japanese Popular SBM Count With Google」

が参考になると思います。

さて、このJapanese Popular SBM Count With Google for Greasemonkey(以下SBM)をインストールするとGoogleの検索結果のタイトル横にそのブックマーク数が表示されるのですが、私のFirefoxにはセキュリティ用のPLUG-IN｢McAfee SiteAdvisor｣をインストールしてあります。動作そのものはお互い干渉せずに、正常に動作するのですが、表示が下記の通り重なった状態になってしまっています。これでは肝心のブックマーク数を見ることができません。

SBMとMcAfee SiteAdvisorの表示が干渉

そこで、SBMはスクリプトでできているのでそのスクリプトを少々書き換えます。

そのファイルの場所は

C:\Documents and Settings\(ユーザ名)\Application Data\Mozilla\Firefox\Profiles\

の下に｢gm_scripts｣というフォルダがあります。これがGreasemonkeyのフォルダになります。この中に｢japanese_popular_sbm_cou｣というフォルダあり、その更に中に｢japanese_popular_sbm_cou.user.js｣というファイルがありますので秀丸などのちょっと高性能なエディタで編集表示します。

すると47行付近に下記のようなソースがあります。

for (var i = 0, j = links.snapshotLength; i < j; ++i) {
var a = links.snapshotItem(i);
var url = a.href;
var md5 = md5_hex(url);
a.parentNode.appendChild($N('span', {
'class': 'sbm'
}, [
// はてブ
$N('a', {
'href': 'http://b.hatena.ne.jp/entry/' + url
}, [$N('img', {
'src': 'http://b.hatena.ne.jp/entry/image/' + url,
'style': 'margin:0;border:0;vertical-align:middle;'
})]),
// livedoor clips
　　　　：
　　(省略)
　　　　：
]));
}

このソースの｢// はてブ｣の前に｢'　　　',｣を追加します。その場合のソースは下記になります。

for (var i = 0, j = links.snapshotLength; i < j; ++i) {
var a = links.snapshotItem(i);
var url = a.href;
var md5 = md5_hex(url);
a.parentNode.appendChild($N('span', {
'class': 'sbm'
}, [
// 空白
'　　　',
// はてブ
$N('a', {
'href': 'http://b.hatena.ne.jp/entry/' + url
}, [$N('img', {
'src': 'http://b.hatena.ne.jp/entry/image/' + url,
'style': 'margin:0;border:0;vertical-align:middle;'
})]),
// livedoor clips
　　　　：
　　(省略)
　　　　：
]));
}