アマゾンのRSSをJS読み込み、表示

アマゾンの商品ランキング等のRSSからデータを取得してjQueryで表示する。

1。RSSをjQueryで扱うためにGoogleのAPIを読み込む
ttps://www.google.com/jsapi
2。表示するアマゾンのRSSを決める
例えば「ゲームのベストセラー」なら
ttp://www.amazon.co.jp/gp/rss/bestsellers/videogames/ref=zg_bs_videogames_rsslink
3。コードは以下
//Google API読み込み
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
//RSSのURLを指定
var rssURL = 'RSSのURL';
var feed = new google.feeds.Feed(rssURL);
//表示件数を指定。「5」なら5件表示
feed.setNumEntries(5);
feed.load(function(result) {
if (!result.error) {
//RSSからランキングページのURLを取得
var linkURL = result.feed.link;
var liHtml = '<a href="'+ linkURL +'>';
//商品ごとの情報を取得
for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; //商品画像 var disc = entry.content.match("<img.*jpg.*?>"); //商品タイトル(頭に付く「#1」等を削除しつつ文字制限を20とする) var itemTitle = entry.title.replace(/^#[0-9]{1,2}:/,'').substring(0,20); liHtml = liHtml + disc + itemTitle; }//for liHtml =liHtml + '</a>'; //表示用クラスのタグ(class="amazonlist")に出力 $('.amazonlist').html(liHtml); }//if });//load }//function google.setOnLoadCallback(initialize); }); </script>

上記サンプルではRSSから5件の商品画像とタイトルを表示させ、全体のリンク先をランキングページとしています。
もちろんループ内で商品ごとのリンクを取得して設定する事も可能。
他にもRSSに含まれる情報なら抜き出して表示する事ができる。

アフィリエイト用のリンクにするためには識別の引数を付ければOKのはず。
アフィリエイトのURLが有効かどうかは確認はアマゾンのページで確認できる。
Amazon リンクの動作確認ツール

javascriptの呼び出しに引数としてRSSのURLを持たせれば、ページごとに違ったランキングを表示する事も可能。

コーディングに関する記事

コメント