WebサイトにAmazonのアフィリエイトの広告を掲載しようと思っています。


http://newtou.info/entry/6485/
このページのようにずらーっと並べる予定なのですが、こちらのような表示のやり方がわかりません。
Amazonのページをみたのですが、小さな商品画像の下に料金や商品名のリンクがついているようなイメージは作成できるのはわかったのですが、上記URLのサイトにあるように商品画像を大きく見せて、それ以外は商品テキストを見せたいと思っています。
このような表示方法を実現する方法についてご存知の方お教えください。

尚、Webサイトは美容関係のWebサイトで、アフィリエイト対象の商品は30点弱です。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/02/02 08:10:23
  • 終了:2012/02/02 12:36:45

回答(2件)

id:quintia No.1

quintia回答回数561ベストアンサー獲得回数702012/02/02 08:31:28

ポイント50pt

Amazonがこのように表示する仕組みを用意してくれているわけではないです。
単純に、「画像のみ」リンクの「商品イメージ大」のHTMLと、「テキストのみ」リンクのHTMLを取得して、継ぎ合わせればよいと思います。

もちろん、Webを探せば望んだ形でリンクを生成するサービスは存在しているでしょう。
ただ商品点数などを考えると、無理にそのような仕組みを利用するよりも単純な方法に進んだ方がいいと感じます。

他1件のコメントを見る
id:quintia

>そのような設定はAmazon側でおこなって、そっちの設定情報をiframeで読み込むようなイメージ
そうではないです。iframeで読みこんでいるのは「Amazon商品検索:」の上のバナー部分だけです。

商品をずらっと並べているのはiframeの下にあるformのさらに下にある、script要素の部分です。
http://newtou.info/js/advertise.js
を呼び出しています。このURLを直にブラウザで開くと見られますし、Javascriptの知識がなくても充分に分かる内容です。
この部分にAmazonのイメージと商品名を追加しているだけです。

こういう構造にしておくと、advertise.js を直すだけで*全ての*ページの商品が入れ替わる、という仕組みです。
この仕組みはAmazonが提供する仕組みではないです。
advertise.js の中身自体はAmazonから取得できる「画像のみ」と「テキストのみ」のリンクのhtmlをつなげているだけです。(何らかの仕組みを利用して自動化はしているかもしれませんが)

2012/02/02 10:29:38
id:salvatore

なるほど。理解できました。ありがとうございます。

2012/02/02 12:35:16
id:yarukimedesu No.2

yarukimedesu回答回数283ベストアンサー獲得回数482012/02/02 11:19:46

ポイント50pt

 以下のWebサービスが便利です。

Amapic(あまぴく)はAmazon.co.jpの商品のアフィリエイト付き画像リンクを簡単に作れるウェッブサービスです。

Amapic(あまぴく) - Amazonの画像リンクを簡単に作る


 アマゾンのアソシエイトIDを入力して、商品名を検索すると、大、中、小のアフィリエイトリンク付で画像だけが表示されるタグが発行されます。テキストリンクとかは、生成できないので、その部分は、アマゾン公式のアソシエイトページで作れば良いと思います。

id:salvatore

これは便利ですね。ありがとうございます。

2012/02/02 12:36:22

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません