読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

複数サイトのRSSフィードをまとめて最新順に表示する

①headタグ内に以下記述。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
//<![CDATA[
var getRssFeeds = function (_id, _urls, _maxLength) {
	if(!_id || !_urls || (!(_urls instanceof Array)))	return;
	var entryNum = 10;//各RSSの読み込みエントリー数
	var maxLength = (_maxLength)? 	_maxLength : 0 ;
	//総エントリー表示数(0はすべて表示)
	//変数定義
	var entriesArray = new Array();
	var complete = 0;
	
	//初期化
	var init = function () {
		for(var i=0 ; i < _urls.length ; i++){
			//RSS読み込み
			var feed = new google.feeds.Feed(_urls[i]);
			feed.setNumEntries(entryNum);
			feed.load(function(result) {
				if (!result.error) {
					for (var i = 0; i < result.feed.entries.length; i++) {
						var entry = result.feed.entries[i];
						entriesArray.push(entry);
						var pdate = new Date(entry.publishedDate);
						var arr = entriesArray[(entriesArray.length-1)];
						arr.sortDate = pdate.getTime();
						//arr.siteTitle = result.feed.title;
					}
				}
				complete++;
				if(_urls.length == complete)	echo();
			});
		}
	};
	//表示
	var echo = function () {
		entriesArray.sort (function (b1, b2) { return b1.sortDate < b2.sortDate ? 1 : -1; } );//降順ソート
		//this.entriesArray.sort (function (b1, b2) { return b1.sortDate > b2.sortDate ? 1 : -1; } );//昇順ソート
		var feedLength = (_maxLength)? _maxLength : entriesArray.length;
		var container = document.getElementById(_id);
		var html='<div class="clearfix bbox">';
		for (var i = 0; i < feedLength; i++) {
			var entry = entriesArray[i];
			var pdate = new Date(entry.publishedDate);
			var Y = pdate.getFullYear();
			var m = pdate.getMonth() + 1;
			m = (m < 10)? "0" + m:m;//月数字を2桁に
			var d = pdate.getDate();
			d = (d < 10)? "0" + d:d;//日数字を2桁に
			var date = Y + "年" + m + "月" + d + "日";
			
			html += '<div class="clearfix bbox_in"><div class="bbox_date">' + date + '</div>';
			html += '<div class="bbox_title"><a href="' + entry.link + '" target="_blank">' + entry.title + '</a></div></div>';
		}
		html += '</div>';
		container.innerHTML += html;
	};
	
	google.setOnLoadCallback(init);
};

getRssFeeds("feeds", [
	"ここにRSSを表示させたいサイトのURL1(xmlファイルなど)",
	"ここにRSSを表示させたいサイトのURL2(xmlファイルなど)",
	"ここにRSSを表示させたいサイトのURL3(xmlファイルなど)"

]);

//]]>
</script>


このコードの下部の方にRSSを表示させるボックスのhtmlを書いている。






RSSを表示させたいところに以下記述

<div id="#feeds"></div>

【参考URL】
http://indigonote.com/2011/06/23/google-feed-api-pluralfeed/