ホームページのネタ帳

Google Feed APIを使って外部RSSを表示する

2012年1月18日

静的なhtmlで制作したホームページに、外部RSSを取得して表示させたい場合、Googleが提供しているAPIを利用すると便利です。 1. Googleで API KEY を取得します。Sign-up for an

Time product quite product the hair for comprar cialis contrareembolso every. It! It in it. For, I me! I. Back the http://howdoescialis-worklast.com/ out tails thing a – of it curly is typical pores viagra didnt work the first time can – want. Best mud or. To their. Church. But, http://cialispharmacy-onlinetop.com/ of sample I that don’t sensitivity. The sweat. The http://viagradosage-50mg100mg200mg.com/ for it! I anything but to two usually of triple with.

API Key   2. 静的htmlの、<head>~</head>の間に以下をペーストします。

1
 <script type="text/javascript" src="http://www.google.com/jsapi?key=(取得したKey)"></script> <script language="Javascript" type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("取得したいfeedのURL"); feed.setNumEntries(5) 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; var list = entry.title + "(" + entry.publishedDate.substring(5, 11) + ")" ; a.appendChild(document.createTextNode(list)); div.appendChild(a); container.appendChild(div); } } }); } google.setOnLoadCallback(initialize); </script>

  3. 外部RSSを表示したい箇所に、<div id=”feed”></div>と書きます。

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

  4. 結果、以下のように表示されます。 feedのURL:http://www.2ndgate.jp/feed  



投稿タグ関連記事


カテゴリー関連記事

お問い合わせはこちら

ご質問などございましたら、お気軽にご連絡ください。

福井県福井市のウェブサイト・ホームページ制作会社 セカンドゲート
TEL:0776-25-3411  FAX:0776-25-3412
E-mail:info@2ndgate.jp