http://newtou.info/entry/6485/
このページのようにずらーっと並べる予定なのですが、こちらのような表示のやり方がわかりません。
Amazonのページをみたのですが、小さな商品画像の下に料金や商品名のリンクがついているようなイメージは作成できるのはわかったのですが、上記URLのサイトにあるように商品画像を大きく見せて、それ以外は商品テキストを見せたいと思っています。
このような表示方法を実現する方法についてご存知の方お教えください。
尚、Webサイトは美容関係のWebサイトで、アフィリエイト対象の商品は30点弱です。
Amazonがこのように表示する仕組みを用意してくれているわけではないです。
単純に、「画像のみ」リンクの「商品イメージ大」のHTMLと、「テキストのみ」リンクのHTMLを取得して、継ぎ合わせればよいと思います。
もちろん、Webを探せば望んだ形でリンクを生成するサービスは存在しているでしょう。
ただ商品点数などを考えると、無理にそのような仕組みを利用するよりも単純な方法に進んだ方がいいと感じます。
以下のWebサービスが便利です。
Amapic(あまぴく)はAmazon.co.jpの商品のアフィリエイト付き画像リンクを簡単に作れるウェッブサービスです。
Amapic(あまぴく) - Amazonの画像リンクを簡単に作る
これは便利ですね。ありがとうございます。
>そのような設定はAmazon側でおこなって、そっちの設定情報をiframeで読み込むようなイメージ
2012/02/02 10:29:38そうではないです。iframeで読みこんでいるのは「Amazon商品検索:」の上のバナー部分だけです。
商品をずらっと並べているのはiframeの下にあるformのさらに下にある、script要素の部分です。
http://newtou.info/js/advertise.js
を呼び出しています。このURLを直にブラウザで開くと見られますし、Javascriptの知識がなくても充分に分かる内容です。
この部分にAmazonのイメージと商品名を追加しているだけです。
こういう構造にしておくと、advertise.js を直すだけで*全ての*ページの商品が入れ替わる、という仕組みです。
この仕組みはAmazonが提供する仕組みではないです。
advertise.js の中身自体はAmazonから取得できる「画像のみ」と「テキストのみ」のリンクのhtmlをつなげているだけです。(何らかの仕組みを利用して自動化はしているかもしれませんが)
なるほど。理解できました。ありがとうございます。
2012/02/02 12:35:16