- date
- 050629
AmazonでNoImage画像を使う(改)
イメージサンプルが用意されていない商品の場合だと、自動で1px*1pxの透明GIFになって何も表示されないように見えてしまいます。テキストではコメントしかつけていなかったり、画像だけを並べている人には結構困りますよね。私は画像がないとつい使わなかったり…。sb で『オススメ商品紹介』の機能を使ってアマゾンアソシエイトのリンクを挿入すると、たまに商品の見本画像がないものがあります。この場合、商品画像は自動的に 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
サイズは元々アマゾンの小さい画像でもバラつきがあったのでこのぐらいかしら…と適当に決めてます（笑）
Blog Feed
Comments
コメントエリアをスクロールする / スクロールを解除する
ごきげんよう、ユヅさん。
早速使わせていただきました。
すごいです、いつもながら…
画像もしっかりお借りしました♪
ありがとうございました
m(_ _)m
わー ハリーがかわゆい
これならアマゾン使えますねー
使いたいものがノーイメージが多かったので嬉しいですー
ユヅさん、こんばんは^^
今ものすごく感動しています。
以前から欲しくて欲しくてたまらなかったカスタマイズが遂に実現したんですね！！
そのうえこんな可愛い画像まで配布頂けるなんて！！
ありがたくお借りして参ります。
いつもお世話になりっぱなしです。本当に感謝しております_(._.)_
画像使わせていただきます。
私もとても欲しかったカスタマイズで
しかも、画像をどうしようと思っていたので
配布して頂いて非常に助かりました！
ありがとうございました。
ユヅさん、こんばんは。
素敵なカスタマイズと画像、ありがとうございました。
Amazonのimage画像にはとても苦労させられていたのです…。僕の場合も載せたいものに限って画像がなくて、使わないことが多かったので、これからはどんどんオススメしていきたいと思います。
このテンプレも涼しげで爽やかで素敵ですよ。
●翔代さん
ごきげんようです＾＾
ふうこさんはsbにはなくてはならない人だと思いますｖ
画像素材の方でお役に立ててよかったです～＾＾
●咲哉さん
貼りたい時に限ってノーイメージなんですよねー。タイトル表示してないときとか困っちゃうと思ってたんですがこれでバッチリ。
ハリーはなんだかお約束になってきましたｗ
●きょんさん
こんにちは！
私もふうこさんちのエントリを見て感動しましたとも！
何とかならないかなぁと思ってたことが実現するとうれしいですよね＾＾
●Emi-Rinさん
こんにちは＾＾
早速自分でも導入だ！と思ったときに「あ、NoImageの画像がない…」と気づいたもので。
同じような方がいるかもしれない、と置いてみました（笑）役立ってヨカッター！
●朝和さん
こんにちは～＾＾
コメント有難うございます。
発売前の予約受付中のものとか、あるいは昔のものとか、シリーズの途中とか、結構画像がなかったりしますよねえ。
私もそれで貼れなかったものがあるので、こんなスクリプトができてうれしいです(*´▽｀*)
ユズさん。こんにちは。
とっても参考になりました。
画像もお借りいたしました。
ありがとうございます♪
こんにちは、こちらの素敵なweb素材をよくお借りしています。
この度は画像をお借りいたしました。いつも可愛らしい画像、本当にうれしく思ってます。
有難うございました。
●miwaさん
こんにちは。
素敵なスクリプトを作ってくださる作者さんに感謝ですよね♪
●遥稀さん
こんにちは～＾＾
いわゆるひとつの抱き合わせ販売です（姑息）
素材屋ともどもよろしくです♪
新しくsbでコンテンツを構築しようと思い、またしてもハリーを多用させていただいてます。
しかし、本文にこのハリーが入ると、何に対するイメージなのかちょっとわかりにくくなってしまいます。いつか手が空いたら、枠付のハリーを一匹生み出して頂けると助かります・・・（わたしに技術力がないばかりに・・・）
●かなめさん
枠付のハリーって、文字入れして使ってもらうようなかんじですか？
それとも四角い枠にハリーをぽんと置いたような？(・ω・)
ちとイメージが掴めなかったので詳しく語ってくださればなんとかできるやもです。
今のハリーを囲って頂けるだけで十分です。
自分で枠ぐらいつけろーって感じですが、可愛いハリーがダサダサになったらいやなので（笑）
●かなめさん
今受けてるお仕事が終わって手が空いたらやっておきますねー。
忘れてたらつついてくださいｗ
こんばんは。
ハリーの画像をいただきました。
どうもありがとうございます。
●さっちんさん
こんばんは。
ご報告有難うございました＾＾
始めまして。Wiki上で使うamazonのNoImageの画像を探してたらここに辿り着きました。
さっそく使わせてもらいます。ありがとうございますm(_ _)m
●sue445さん
はじめまして、こんにちは。
辺鄙なところへようこそ（笑）
ご報告有難うございました。
初めまして。
以前TBさせて頂いたことがありますが
コメントは初めてになりますm(__)m
こちらの画像とtipsを利用させて頂きました。
とても困っていたので助かりました。
いつも判りやすいtipsをありがとうございます。
こんにちは、はじめまして。
こちらのテンプレートを使いたくて、sbを使い始めました。昨日アマゾンにリンクしたらNoImageになってしまったので（苦笑）ハリーをお借りしました。
こちらの「針ねずみのノート」とあわせて使わせていただいてますv とっても可愛くてお気に入りです。ありがとうございました。
初めまして。
アマゾンの[no image]画像とカスタマイズの方法ありがとうございます。おかげさまで助かりました。
こんにちは！すごく欲しかった機能で、画像も利用させて頂いてます。
ありがとうございました。
TBもさせて頂きますので、どうぞよろしくお願いいたします。
はじめまして。no imageの画像に困っていたのでホントに助かりました。ありがたく使わせていただきます。