ブログ記事内からJavaScriptでAmazonのRSSを取得し、表示する(Google Ajax Feeds API利用) PE2HO

ブログ記事内からJavaScriptでAmazonのRSSを取得し、表示する(Google Ajax Feeds API利用)

Amazon

Google Ajax Feeds APIでAmazonのDVD関連RSSを読み、ブログ上に~~先頭の4件を~~表示するメモ。
JavaScript: 外部RSS読み込み by “Google Ajax Feeds API” | t.p.fields - web+tech info
で紹介されていたので、試してみました。とてもお手軽です。
さらに改良：
Amazonの画像加工(応用編3) AmazonのRSS取得と、画像表示を組み合わせる・２

1. 以下のソースをコピペ
2. Googleにログインした状態で、自サイト/ブログのURLでキーをもらう
3. key= 以降を差し替え
4. アソシエイトIDを入れ替えるのもお忘れなく
5. fc2ブログならば「改行の扱い」を「ＨＴＭＬタグのみ」にチェック
6.　動くはず
7.　カスタマイズ用の資料：クラスリファレンス - Google AJAX Feed API - Google Code

<form name="amazon_rss_select">
商品の表示：<select id="item_view" onchange="initialize()">
<option value="with_image">くわしく表示</option>
<option value="simple" selected>タイトルのみ</option>
</select><br>
RSS内容：<select id="rss_kind" onchange="initialize()">
<option value="new-releases" selected>新着ニューリリース(new-releases)</option>
<option value="bestsellers">ベストセラー(bestsellers)</option>
<option value="most-wished-for">リストの中で一番ほしい物(most-wished-for)</option>
<option value="most-gifted">一番ギフトとして贈られている商品(most-gifted)</option>
</select><br>
カテゴリ：<select id="category" onchange="initialize()">
<option value="562016" selected>外国映画</option>
<option value="562014">日本映画</option>
<option value="562020">アニメ</option>
<option value="562018">ミュージック</option>
<option value="16286781">テレビドラマ</option>
<option value="16286931">ドキュメンタリー</option>
<option value="12842371">お笑い・バラエティ</option>
<option value="12842321">ステージ</option>
<option value="562022">ホビー・実用</option>
<option value="562024">スポーツ・フィットネス</option>
<option value="562026">キッズ・ファミリー</option>
<option value="564522">BOXセット</option>
<option value="562030">アイドル</option>
<option value="896246">アダルト</option>
<option value="16378461">ブルーレイ</option>
</select><br>
<a id="rss_link" target="_blank">RSSへのリンク</a>
</form>

<script type="text/javascript" src="http://www.google.com/jsapi?key=【YOUR GOOGLE API KEY】"></script>

<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
    var rss_url="http://www.amazon.co.jp/rss/"+ document.getElementById("rss_kind").value +"/dvd/"+ document.getElementById("category").value +"?tag=【YOUR AMAZON TRACKING ID】"; 
    document.getElementById("rss_link").href=rss_url;
    var feed = new google.feeds.Feed(rss_url);   
    feed.setNumEntries(10);
    document.getElementById("feed").innerHTML="Loading...";
    feed.load(function(result) {
        if (!result.error) {
            var container = document.getElementById("feed");
            container.innerHTML="";
            for (var i = 0; i <result.feed.entries.length; i++) {
                var entry = result.feed.entries[i];

                var div = document.createElement("div");
                var elem = document.createElement("a");
                elem.href = entry.link;
                var str = document.createTextNode( entry.title);
                elem.appendChild(str);

                if(document.getElementById("item_view").value=="simple") div.appendChild(elem);
                else div.innerHTML=entry.content;

                container.appendChild(div);
            }
        } 
    });
}
google.setOnLoadCallback(initialize);
</script>
<div id="feed"></div>

関連記事