アマゾンの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を持たせれば、ページごとに違ったランキングを表示する事も可能。