Google Ajax Feed API
このAPIは、他ドメインのRSSやAtomの一般的なフィードを簡単に取得するためのAPIです。
1. Google AJAX Feed API への登録
URLなどを入力して、画面に表示されるHTML+JavaScriptのコードを、
そのままファイルに貼り付けて実行。
---------------------------------------
<script type="text/javascript" src="http://www.google.com/jsapi?key=ここに取得したAPIKEY"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("表示したいBLOGなどのRSSフィード");
feed.setNumEntries(5);//フィードの表示数の設定
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>
【body部】-------------------------------------------------------
<div id="feed"> </div>
カスタマイズ使用例
<script type="text/javascript" src="http://www.google.com/jsapi?key=ここに取得したAPIKEY"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("表示したいBLOGなどのRSSフィード");
feed.setNumEntries(10);
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("li");
var a = document.createElement("a");
a.href = entry.link;
a.target = "_blank" ;
var date = new Date(entry.publishedDate);
a.appendChild(document.createTextNode(entry.title + " (" + date.toLocaleDateString() + ")" ));
div.appendChild(a);
container.appendChild(div);
}
}
});
}
google.setOnLoadCallback(initialize);
</script>
【body部】
<div id="feed"> </div>
【表示件数が反映されない時】
var feed = new google.feeds.Feed("URL.xml?123");
?数字はなんでもいいそうです
