amazon ウェブサービスでリアルタイムに価格を表示

アマゾンのウェブサービスと独自 XSLT を組み合わせると、好きなフォーマットでアマゾンのデータを利用できる。これを上手く利用したアフィリエイト用 html 生成ツールが以下のサイトにある。

アマゾン アソシエイトの便利ツール：HTML自動作成
http://www.goodpic.com/mt/aws/

価格部分と在庫状況表示部分は iframe でリアルタイムにアマゾンから取得している。確かにこれなら「価格はライブリンクかウェブサービスで取得したもののみ表示可」という規約にも抵触しない。「でも、iframe だと CGI 呼び出しが必要なのでは?」と思ったら、アマゾンは XSLT プロセッサまで提供してるので CGI を自前で用意しなくても利用できるとのこと。これは知らなかった。

- 価格表示部分の文字化け

で、これを Landscape に組み込んだところ、価格表示部分が文字化けしてしまった。iframe のソースを見ると、XSLT を適用した上でアマゾンから送られてくるデータは html として成り立っていないし、エンコードが utf-8 になっている。Content-Type などの情報が無いのでブラウザが文字コード判定に失敗しているのだろう。

Landscape は ページを euc で記述しているので、euc と utf-8 が混在している環境だから文字化けしているのかもしれないが、よく考えれば iframe はそれだけで独立した html になっていなければならないはずだ。逆に言うと、独立した html として成立しないデータだからブラウザが判別に失敗していると考えられる。正しい html を出力するようにすれば、ブラウザの文字コード自動判別機能が正しく機能して文字化けを解消できるかもしれない。

- XSLT を修正して文字化けを回避

html 要素、head 要素、title 要素、body 要素を記述。初めは meta に Content-Type の指定を入れたのだが、アマゾンの XSLT プロセッサが自動的に Content-Type を出力してくれているようだ。html っぽいデータだと自動的に入れてくれるのだろうか?

XSLT を修正してテストしてみると・・・。おおっ、文字化け無しの出力が得られたぞ。

Landscape の音楽カテゴリも全部書き換えて、ばっちり価格と在庫状況が表示されるようになった。
音楽 - Landscape
http://sonic64.com/cat_e99fb3e6a5bd.html

今回書いた XSLT
http://sonic64.com/dat/aws-price.xsl

で、コメントとして goodpic に投稿した。

AmazonアフィリエイトHTML作成ツールを更新
http://www.goodpic.com/mt/archives/000496.html

- レイアウトは改良の余地あり

iframe 部分と周りの要素を、もうちょっと柔軟に配置できると良いんだけどなあ。今のままだとちょっと間延びしたレイアウトになってしまう。スタイルシートなどを工夫して何とかしてみよう。