Amazon Search を Blog 以外でも表示

Blog のテンプレートに組み込んでおくと、エントリーの内容を形態素解析して、内容にマッチした商品を表示してくれる Drk7jp さんの Amazon Search 。
非常に便利なサービスです。

最近、回線を変えられたのかレスポンスが非常に速くなりましたし、いくつか出した要望も反映していただいて、とても便利に使わせていただいています。

もうすぐ、お引越のため、12/9～12日22日（予定）までの間、サービスを一時縮退されるそうです。
詳しくは↓のエントリー参照。
Drk7.jp のサービス一時縮退の事前告知 :: Drk7jp

いろいろお世話になっているのに、最近、音沙汰なしですみませんm(__)m

さて、今日の本題です。しばらく前に、Amazon Search 導入支援ツール のソースを見ていて、ふとヒラメキました。

現状は、Amazon Search はパラメータに対象ページの URL を指定する必要があるので、自動的にエントリーの URL を指定できる機能のある Blog 以外のページには対応していません。(設置する際に、手作業で指定すればできるのですが)
それも Blog のサービスによって仕様が異なるので、ユーザーにどのサービスを利用しているか選んでもらう必要があります。

そこで、JavaScript と組み合わせて URL を自動生成するようにすれば楽なのでは？と思って、簡単な Hack を試みました。

追記：よーく見てみると、LivedoorBlog 用のタグはすでにこの方法で記述されてるんですね。
まさに車輪の再発明だったかも(^^;
よく調べてからやるべきだと反省。

導入支援ツールで生成したURL
<script language="JavaScript" src="http://a-h.parfe.jp/asmt/jc.cgi?http://app.drk7.jp/AmazonSimilarity.cgi?dev-t=DAB7UJEE24RXR&url=<$MTEntryPermalink encode_url="1"$>&n=3&ie=utf8&oe=utf8&style=heavy&tl=40&cl=100&t=asociatehelpe-22&idx=Book&footer=1&force=1"></script>

URL を JavaScript で自動的に指定する
<script language="JavaScript">document.write('<scr' + 'ipt language="JavaScript" src="http://a-h.parfe.jp/asmt/jc.cgi?http://app.drk7.jp/AmazonSimilarity.cgi?dev-t=D2E2Z63KQ5TH3G&url='+escape(document.location)+'&n=3&ie=sjis&oe=sjis&style=heavy&tl=40&cl=100&t=asociatehelpe-22&idx=Book&footer=1&force=1'+ '"></scr' + 'ipt>');</script>

JavaScript で Amazon Search を呼び出す JavaScript を生成し、その際にブラウザが持っているページの URL 情報を URL エンコードして渡しています。

最初、ちょっと難しいかもしれないと思ってましたが、意外と簡単にできました。
TOP ページ末尾の Amazon Search はこの方法で表示させています。

文字コードに注意ですね。Blog は UTF-8、TOPページは Shift_JIS だったので、そのまま、はっつけると文字化けしたので変更してあります。

よく考えたら、 Google Adsense も、どのページでも表示できるので、できないはずはなかったですね(^^;
→Google Adsense はインラインフレームを用いて、呼び出してるので若干違う。
IE4以降、Opera、FireFox、Safari など主要なブラウザで表示できています。

実は、1ヶ月ほど前から、ウチの Blog の Amazon Search は全部この方法で表示させていたのですが、いろいろドタバタしてるうちにすっかり忘れてました(^^;

この方法だと、Blog だけでなく、一般のページでも簡単に Amazon Search を設置できるので、より利用者が広がるかもしれませんね。