BLOG

サイト外のブログの更新情報を『特定の文字がついたタイトルの記事を除いて』表示する

img20130509_1

前回の、「サイト外のブログの更新情報を表示する」の続きです。
タイトルに特定の文字が入った記事を省きたい
といった事があるので、どうにかならないかな~というのと、
ついでに、個人的好みでカテゴリー名を表示させつつやってみました。

例えば、タイトルの最初に「お知らせ」という文字が入っているものを省く場合。

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("https://www.ryu-raku.co.jp/blog/feed");
// entry count
feed.setNumEntries(10);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed");
var count = 0;
var html = '<ul>';
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var pdate = new Date(entry.publishedDate);
var htmldate = pdate.getFullYear() + '.' + (pdate.getMonth() + 1) + '.' + pdate.getDate();
if(!entry.title.match(/^お知らせ/)) {
html += '<li><span>' + htmldate + ' / ' + entry.author + ' 【 category :' + entry.categories[0] + ' 】</span><a href="' + entry.link + '">' + entry.title + '</a></li>';
count++;
}
if (count == 5) {
break;
}
}
html += '</ul>';
container.innerHTML = html;
}
});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id="feed"></div>
</body>
</html>

feed.setNumEntriesに少し多めの記事数を指定して、
if(!entry.title.match(/^お知らせ/))で、「お知らせ」という文字が最初に入っていない記事であれば書き出し、
countで数を数えて、5個になったら繰り返しを終了。

少し多めの記事数を指定してから数を数えていく所は、

Google Ajax Feed APIでブログと連動するページを作る | d-spica
http://blog.d-spica.com/entry/071016feed.html

を参考に致しました。

matchの所を変更すれば、
特定の文字がタイトルのどこかに入っている記事だけ
表示させるといった事もできます。

今まで、CGI+Yahoo!pipesを使うという面倒な事をやっていたのが、
Google Feed APIだけで出来ました。

ご相談・お問合せ

ホームページに関すること等はお気軽にお問合せ下さい

東京・大阪を中心に全国のお客様に対応しております。
弊社から遠方にあたるお客様とは、Mail、TELにてやり取りさせて頂いておりますが、必要に応じ遠方であってもご訪問させて頂いています。

お問い合わせフォームへ

page top