caramel*vanilla > RSSを簡単購読 - quickSub

購読の手間を省く仕掛け

blogを書いてる以上ちょっとでも多くの人に見てもらえたらなって思います。
何かのきっかけで偶然辿り着いた際にとりあえずRSSでも購読してみようかなって思っていただけたらしめたもの嬉しいです。

aggregatorにもいろんな種類があってサーバー型の場合たいてい登録用のbookmarkletが用意されていて見ているblogを簡単に追加登録できるようになっているものの自宅のPCからアクセスしていないときは使い慣れたブラウザのようにbookmarkletがセットされていないかもしれません。
どんなときでも購読の手間を省く仕掛けができたらお互いがちょっとだけハッピーかもしれません。

よく見かけるのが各aggregatorごとの購読用リンクバナーをずらっと並べているところ。
自分の利用しているサービスのバナーをクリックすると簡単に購読できて便利です。
自動で購読用ミニバナーを作成してくれる便利なサービスもあり以前もちょろっと紹介したことがありました。
(各SBMへの追加リンクも作成できます)

Feed Subscription Button Maker

難点は…

• スペースをとりすぎること
• ごちゃごちゃ感があること
• 登録してしてって感じが見え見えなこと

そんなわけでワタシ自身はなんとなく利用していなかったんですがdel.icio.us経由でRSS購読用の便利そうなJavascriptとcssのセットをみつけました。

quickSub

導入イメージはこんな感じ↓

RSSへのリンクにマウスオーバーすると各aggregatorごとの購読リンクがポップアップします。
「Others」をクリックすると一覧にないその他のaggregator購読リンクのページに飛びます。
ほとんど聞いたことないサービスばっかですけど…
Technoratiの検索結果へのリンクもあります。

どっちがいいかは好みによると思いますがワタシは見た目がすっきりしてblogのデザインに合わせられるquickSubの方がいいかなーと思い早速設置してみました。
設置自体はなんにも難しいことはないんですがいかんせん海外のスクリプトなんで日本向きじゃないです。
Javascriptをカスタマイズして国内のaggregatorに差し替えてみたのでそのへんも含めて設置方法をちょっと説明してみちゃいます。
すべてのサービスを利用してないので全部の動作確認ができていません。
もしかしたらちゃんと動かないのもあるかも…
その際は申し訳ありません!!

設置方法

1.)quickSubからスクリプト一式をDLして解凍
2.)テンプレートの修正
・～部分に以下を追加
(WordPressの場合は「Header」のテンプレート)
<code><br /> <style type="text/css">@import "quicksub.cssへのパス";</style> <p></code>
ワタシは使用しているテーマのディレクトリにUPしたので以下のように記述しました。
<code><br /> <style type="text/css">@import "<?php bloginfo('stylesheet_directory'); ?>/quicksub.css”;</style> <p></code>

・直下に以下を追加
(WordPressの場合は「Header」のテンプレート)
<code> <div id="quickSub" style="position:absolute; visibility:hidden; z-index:1000;" onMouseOut="return timeqs();" onMouseMove="return delayqs();"></div> <p><script language="JavaScript" src="quicksub.jsへのパス"></script></code>
上に同じく使用しているテーマのディレクトリにUPしたので以下のように記述しました。
<code> <div id="quickSub" style="position:absolute; visibility:hidden; z-index:1000;" onMouseOut="return timeqs();" onMouseMove="return delayqs();"></div> <p><script language="JavaScript" src="<?php bloginfo('stylesheet_directory'); ?>/quicksub.js"></script></code>

・RSSへのリンクを修正
<code><a href="RSSへのパス" onmouseout="return timeqs();" onmouseover="return quicksub(this, 'RSSへのパス');">My feed</a></code>

3.)スクリプト一式をFTPソフトで任意の階層にUP

以上でデフォでの設置は完了です。

カスタマイズ方法

リンクを追加したいサービスにRSS追加用のbookmarkletがあればカスタマイズは簡単です。
1.)bookmarkletを右クリックしてURLをコピー
[例]はてなRSS
javascript:location.href=’http://r.hatena.ne.jp/append/’+location.href

2.)href=”で括られた部分をコピーします。

3.)quicksub.jsを修正
<code>"サービス名", "2.)でコピーしたURL", UNESCAPED,</code>
[例]はてなRSS
<code>"hatena RSS", "http://r.hatena.ne.jp/append/", ESCAPED,</code>

こんな感じで追加していきました。

とりあえずワタシが追加したサービスのソースはこんな感じ
(改行できず見にくくてゴメンナサイ)
<code>"DELCO READER", "http://reader.freerss.net/quickadd.cgi?rss=", ESCAPED,"DrecomRSS", "http://rss.drecom.jp/shortcut/add_rss?url=", ESCAPED,"FEEDBRINGER", "http://feedbringer.net/feed/add?url=", ESCAPED,"Feedpath", "http://feedpath.jp/feedreader/feeds_add?url=", ESCAPED,"hatena RSS", "http://r.hatena.ne.jp/append/", ESCAPED,"Infoseek RSS Reader", "http://reader.www.infoseek.co.jp/reader/regist.html?fr=bl&url=", ESCAPED,"MyYahoo!(JP)", "http://e.my.yahoo.co.jp/config/jp_promo_content?.module=jp_rss&.url=", ESCAPED,"PLAYON RSS READER", "http://playon.jp/rss/bmlets/?link=", ESCAPED,"Rojo", "http://www.rojo.com/add-subscription?resource=", ESCAPED,"t3h Blox0r", "http://www.bloxor.com/add.php?url=", ESCAPED,</code>

他にも追加しようと思ったサービスがあったんですが(goo RSSリーダー/livedoor Blogリーダー/PAIPO READER…etc)bookmarkletがなかったり購読用URLがわからなかったりでできませんでした。
まぁこれだけあったら十分か…

3.)cssを修正
見た目をblogのデザインに合わせたい場合はquicksub.cssとquicksub.jsの上の方「// Color and font settings for Netscape 4」以下を修正します。

以上すべての修正が終わったら再度FTPソフトで任意の階層にUPしておしまい。
なにげにここまでやるのにかなり時間がかかってしまった :(
これで1人も利用しなかったら悲しいかも…