Google Ajax Feed API でホームページにRSSを表示させる
Google Ajax Feed API でホームページにRSSを表示させてみました。
以前にPHPを使ったRSSの表示方法を書きましたが、
ホームページにブログのRSSをPHPで表示させる
それとくらべて
こちらのほうが断然楽です!
さすがGoogle。いいもの提供してくれますね。
参考にさせていただいた記事はこちら。
日付の表示形式の変更 - フィードの取得 - Google AJAX Feed API入門
こちらの記事では、Newマークの表示のさせ方を参考にさせていただきました。
Movable Type 備忘録 - Google AJAX Feed API
そして、つくったコードが下記になります。
日付とNewマークが表示されます。
以前にPHPを使ったRSSの表示方法を書きましたが、
ホームページにブログのRSSをPHPで表示させる
それとくらべて
こちらのほうが断然楽です!
さすがGoogle。いいもの提供してくれますね。
参考にさせていただいた記事はこちら。
日付の表示形式の変更 - フィードの取得 - Google AJAX Feed API入門
こちらの記事では、Newマークの表示のさせ方を参考にさせていただきました。
Movable Type 備忘録 - Google AJAX Feed API
そして、つくったコードが下記になります。
日付とNewマークが表示されます。
<script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR_API_KEY"></script>
<script type="text/javascript">
function initialize() {
var feedurl = "RSSのURL";
var feed = new google.feeds.Feed(feedurl);
feed.setNumEntries(5);
feed.load(dispfeed);
function dispfeed(result){
if (!result.error){
var now = (new Date()).getDate();
var container = document.getElementById("feed");
var htmlstr = "";
htmlstr += "<ul>";
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var entdate = new Date(entry.publishedDate).getDate();
var newmark = '';
if (now == entdate) newmark = '<font color="red"><b>New</b></font>';
htmlstr += "<li>"
htmlstr += '<a href="' + entry.link + '" target="_blank">' + entry.title + '</a>' ;
var strdate = createDateString(entry.publishedDate);
htmlstr += " [" + strdate + "]";
htmlstr += " " + newmark + "";
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 + "日" ;
return strdate;
}
google.setOnLoadCallback(initialize);
</script>
エアコンクリーニング/埼玉
いつもお世話になっている住宅のトータルアドバイザー黒田さん
から依頼を受けて、新たにエアコンクリーニングのサイトを
制作させていただきました。
エアコンクリーニング/埼玉

こちらのサイトもこれからSEO対策を行っていき、
目標キーワードでの1ページ目掲載を目指して頑張ります。
ちなみに、3~4年に1回はエアコンクリーニングを
したほうが良いそうですので、もしエアコンのニオイが
気になるときは、サイトをご覧いただけたらと思います。
エアコンをクリーニングしたときに、出てくる汚れた
水を見たらびっくりしますね。
から依頼を受けて、新たにエアコンクリーニングのサイトを
制作させていただきました。
エアコンクリーニング/埼玉

こちらのサイトもこれからSEO対策を行っていき、
目標キーワードでの1ページ目掲載を目指して頑張ります。
ちなみに、3~4年に1回はエアコンクリーニングを
したほうが良いそうですので、もしエアコンのニオイが
気になるときは、サイトをご覧いただけたらと思います。
エアコンをクリーニングしたときに、出てくる汚れた
水を見たらびっくりしますね。
Yahoo!オンビジネスに掲載
先日、Yahoo!オンビジネスに登録して、昨日から掲載されました。
LifeTrackBack - Yahoo!オンビジネス

このYahoo!オンビジネスは、無料で登録できて、自社の製品・サービスの
紹介やプレスリリースの発信ができるのです。
掲載できる企業情報は、社名、事業内容、住所・連絡先、資本金・従業員数、
主要取引先、実績、メッセージ、公式サイトへのリンク等となっています。
自社の製品、サービスは最大1.000点紹介できます。
将来どうなつのかはわかりませんが、今は無料で利用できますので、
ぜひ登録してみてください。
LifeTrackBack - Yahoo!オンビジネス

このYahoo!オンビジネスは、無料で登録できて、自社の製品・サービスの
紹介やプレスリリースの発信ができるのです。
掲載できる企業情報は、社名、事業内容、住所・連絡先、資本金・従業員数、
主要取引先、実績、メッセージ、公式サイトへのリンク等となっています。
自社の製品、サービスは最大1.000点紹介できます。
将来どうなつのかはわかりませんが、今は無料で利用できますので、
ぜひ登録してみてください。

