ユージック

GoogleのAPIでRSSやATOMといったFEEDを取得できるGoogle AJAX Feed APIを使用してみました。

使用するにはGoogle API keyが必要になります。Google MapのAPIを取得するのと同じ要領ですね。Google API keyを取得すれば以下のスクリプトを読み込みます。読み込む際に”YOUR_KEY_HERE”の所に取得したGoogle API keyを入れます。

<script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR_KEY_HERE"></script>

例としてhttp://www.example.com/rss/index.xmlのRSSを読み込みdiv#feedにフィードのタイトルを出力するとするならば以下のようなスクリプトを記述します。

<script type="text/javascript">

    google.load("feeds", "1");

    function initialize() {
      var feed = new google.feeds.Feed("http://www.example.com/rss/index.xml");
      feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("feed");
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var div = document.createElement("div");
            div.appendChild(document.createTextNode(entry.title));
            container.appendChild(div);
          }
        }
      });
    }
    google.setOnLoadCallback(initialize);

    </script>

とりあえず上記にした例と同じ形で当ブログのフィードを取得してみた例がこちらです。かなり簡単に使うことができますね。