blog*citron

sb で『オススメ商品紹介』の機能を使ってアマゾンアソシエイトのリンクを挿入すると、たまに商品の見本画像がないものがあります。この場合、商品画像は自動的に 1px ・ 1px の透明 gif 画像になって配信されますが、これが不都合な場合があります。例えば私などはリンクを貼る場合に画像しか使わないので、書影やジャケ写がないとクリックする場所が見えなくなってしまいます。そこで、それを回避するためのスクリプトを書いてみました。

sbで行こう | Amazon の商品画像を入れ替える

イメージサンプルが用意されていない商品の場合だと、自動で1px*1pxの透明GIFになって何も表示されないように見えてしまいます。テキストではコメントしかつけていなかったり、画像だけを並べている人には結構困りますよね。私は画像がないとつい使わなかったり…。
amazonのタグ自体は変えることなく、NoImageと分かる画像に差し替えられれば…と思っていたのですが流石ふうこさん！

blog*citronではこれに合わせてNoImage用画像素材を作ってみました。
以下、画像素材と導入手順メモ。

★05.06.28：Amazonの仕様変更に伴いverupされています！
sbで行こう | Amazon の商品画像を入れ替える（改）

▼ 導入手順メモ
1：NoImage用画像を用意し、アップロードしておく
2：テキストエディタで新規ファイルを作る
3：スクリプトをコピー＆ペーストし、画像のURIの部分を１の画像のhttpから始まるアドレスに書き換える（設置についてはこちら）
4：amazon.js（拡張子が.js）として保存し、FTPでアップロードする
5：テンプレートのHTMLの</body>の前あたりに呼び出しタグを記述

<script type="text/javascript" src="http://から始まるamazon.jsのアドレス"></script>

▼ NoImage用の画像（65*65）
探すの面倒臭いよー！用意できないよー！なアナタのために。
必ずダウンロードして自分のサーバーにアップして下さいね。

∵シンプル×6（白枠付）

∵針ねずみ×3（背景透過）、ガーリッシュ×3

サイズは元々アマゾンの小さい画像でもバラつきがあったのでこのぐらいかしら…と適当に決めてます（笑）