01
18
Google AJAX Feed APIでRSSフィードを表示
2008-01-18
参考に当サイトの最新エントリー一覧を表示してみます。JavaScriptを利用しているのでもちろんFC2ブログでも利用可能です。表示件数は自由に変更できます。
という感じに表示されます。ソースは下記をご覧ください。GoogleのAPI keyは英語のページですが設置するサイトのURLを入力するだけで取得できます。
・http://code.google.com/apis/ajaxfeeds/signup.html
最新記事一覧
・http://code.google.com/apis/ajaxfeeds/signup.html
【JavaScript】
<script type="text/javascript" src="http://www.google.com/jsapi?key=取得したKeyを入力"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("RSSフィードのURLを入力");
<!--表示したいエントリー数-->
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" ;
a.appendChild(document.createTextNode(entry.title));
div.appendChild(a);
container.appendChild(div);
}
}
});
}
google.setOnLoadCallback(initialize);
</script>
【body】 <div id="feed"></div>
