google AJAX Feed API

Filed under: 未分類 — kdcs @ 11年4月18日 月曜日

googleのサービスを利用して外部サイトのfeedを取得する
※ ツイッターのfeedを取得すると投稿日時を表示することができるので便利!
google ajax api keyを取得する→こちらから
feed.jsを編集するときはUTF-8(テキストエディターではBOMなし)で保存すること

ブログのフィードはfeed.js ツイッターのフィードはfeed-twitter.jsで管理する。

javascript


<script type="text/javascript" src="http://www.google.com/jsapi?key=[key]"></script>
<script type="text/javascript" src="https://library.kdcs-web.com/wp-content/themes/kdcs/js/feed.js"></script>

HTML


<div id="feed"></div>


feed.js (ブログのfeedを取得する場合)


google.load("feeds", "1");
function initialize() {
var feedurl = "[取得したいfeedのurl]";
var feed = new google.feeds.Feed(feedurl);
feed.setNumEntries(8);
feed.load(dispfeed);
function dispfeed(result){
if (!result.error){
var container = document.getElementById("feed");
var htmlstr = "";
htmlstr += '<p><a href="' + result.feed.link + '">' + result.feed.title + '</a></p>';
htmlstr += "<p>" + result.feed.description + "</p>";
htmlstr += "<ul>";
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
htmlstr += "<li>"
htmlstr += '<a href="' + entry.link + '">' + entry.title + '</a><br />';
var strdate = createDateString(entry.publishedDate);
htmlstr += "<span>(" + strdate + ")</span>";
htmlstr += "</li>"
}
htmlstr += "</ul>";
container.innerHTML = htmlstr;
}else{
alert(result.error.code + ":" + result.error.message);
}
}
}
function createDateString(publishedDate){
var pdate = new Date(publishedDate);
var pday = pdate.getDate();
var pmonth = pdate.getMonth() + 1;
var pyear = pdate.getFullYear();
var phour = pdate.getHours();
var pminute = pdate.getMinutes();
var psecond = pdate.getSeconds();
var strdate = pyear + "年" + pmonth + "月" + pday + "日" +
phour + "時" + pminute + "分" + psecond + "秒";
return strdate;
}
google.setOnLoadCallback(initialize);

サイト内検索

カテゴリー

最近の投稿

« |google AJAX Feed API| »
↑上に戻る