Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Greasemonkey 開発実績

livedoor Readerにソーシャルメディアのカウンターを表示するUserScript「LDR with Social Media Counter」

投稿日:


ldr_with_smc_01
ボク自身ツイッターツイッター言ってますが、情報集めとしてはいまだにRSSリーダーも使っています。で、前にlivedoor Reader に色んなSBMのブックマーク数を表示するGreasemonkeyというのを公開していたのですが、いまやあまり気にしていないSBMサービスはいらないし、Twitterのカウンターを表示したいなど少し要求が変わってきていたので改めてスクリプトを書いてみました。
インストールはこちらからどうぞ。
http://userscripts.org/scripts/source/85749.user.js
※Firefox+Greasemonkeyで確認しました。Safari+GreaseKit、Gogole Chromeでも動くと思いますが未確認です。

機能説明

ldr_with_smc_02
このスクリプトをインストールするとLDRの各記事タイトルの下部にソーシャルメディアのカウンターが表示されます。といっても現状は、

  • Twitterでの言及数(Topsy)
  • はてなブックマークの被ブックマーク数

それからカウンターの右側にリンク先のURLも表示するようにしました。
細かいことですが、このカウンターの表示が記事タイトルのすぐ下にきていることが大きなポイントです。今まで散見した同様のスクリプトだとLDRが提供しているwindow.entry_widgets.addを使って記事下の日付が表示される横に並ぶ感じでしたが、本文がそこそこ長いとj,kのショートカットで移動しているときに概要記事のカウンターが見えなかったんです。タイトル下にカウンターがあればタイトルとカウンター数で瞬時に本文を読むかどうか判断できるのでより早くFeedを消化できるようになりました。
技術的にはLDR/Fastladderで各記事を表示時に動的にアレコレする方法 – by edvakf in hatenaという記事を参考にさせていただきました。ありがとうございます。
ldr_with_smc_03
RSSリーダーで見ていると途中で広告のエントリーが入っていたりしますが、このURLのカウンターは不要なのでチェック対象外としました。また、FeedburnerやRSS広告のサービスを使っているとURLがプロキシを通しているため本来のパーマリンクと異なる場合は正確なカウンターが取れないためこれらも対象対としました。除外してあるURLは下記の通りです。

  • http://rss.rssad.jp
  • http://rd.yahoo.co.jp
  • http://www.pheedo.jp
  • http://feedproxy.google.com
  • http://match.seesaa.jp

上のTechCrunch Japanの例ではPheedoのリダイレクターが遷移先になっているため、カウンターは非表示状態です。

まとめ

コンセプトはlivedoor Reader に色んなSBMのブックマーク数を表示するGreasemonkeyと全く同じなのですが、作り方に付いてはGoogle Analytics with SBMに近いです。
このサービスのカウンターも付けたいとか、このサービスのエントリーは除外したいとかありましたら、リクエストを頂ければ対応できるかもしれません。お役に立ちそうでしたら是非ご利用下さい。

-Greasemonkey, 開発実績

執筆者:

関連記事

YouTube HD Suite バージョン2を公開します

【2010/08/02:追記】 YouTube HD Suite 公式ページができました。 先週YouTubeがついにフルHD(1080p)に対応を発表し、今週末にはいよいよ内部的にも正式に対応が始ま …

Twitterメインの人がTumblrでTwitterするためのUserScript

TumblrがTwitterの機能を飲み込もうとしています。 We’re testing Twitter integration on Tumblr. via: Tweet from Tumblr W …

ドラゴンボール全巻がYouTubeで無料配信!ページめくりが速すぎる場合のスロー再生方法

つい先日攻殻機動隊S.A.C全26話無料配信でウハウハしたばかりですが、今度は名作漫画ドラゴンボールを全巻配信だそうです! MANGAPOLO Official Manga Channel &#821 …

no image

ページタイトルを取得するPipesを作りました

前に、こんなエントリーも書いているのですが、 ・PHPでWEBページのタイトルを抜き出すサンプル もっとお手軽にYahoo!Pipesで取得できるようにしてみました。 Pipes: getPageTi …

Ustreamのリニューアルに「Ust DL」を対応させました(一部MP4ダウンロード可能)

【2012/01/03:更新】 Ust DLの公式ページができました。今後の最新情報はこちらをご確認ください。 Ust DL 公式ページ 8/25にUstreamのリニューアルがあったようで画面の見た …

スポンサードリンク

スポンサードリンク