【Google Feed APIを使用して、複数のサイトのRSSフィードを取得して更新日順でソート(並び替え)して、さらにそれを「サムネイル付きで」表示する方法】 | 今村だけがよくわかるブログ http://t.co/tZddWzVo
November 13, 2012
/http%3A%2F%2Fwww.imamura.biz%2Fblog%2Fwp-content%2Fuploads%2Ffeatured_rss.png)
【Google Feed APIを使用して、複数のサイトのRSSフィードを取得して更新日順でソート(並び替え)して、さらにそれを「サムネイル付きで」表示する方法】|今村だけがよくわかるブログ
以前、こんな記事を書いたのですが、 【見た目も中身も大切だ】wordpressで画像つきのrssフィードを取得。静的htmlに表示 記事の趣旨はタイトルの通り、 「静的ページにブログの最新の更新情報を画像付きで表示する方法」を書いたものです。 これを読んでいただいた方の多くから、 「複数のサイトのRSSをこうやってまとめて表示できないかな。サムネイル付きでよ!」 みたいな会話が出てきてましたんで、ちょっと調べてみましたが、やり方がありました。 結構使えると思いますので、興味がございましたらご覧くださいませ。 Google Feed APIを利用しましょう 1.まずは・・・Google Feed APIとは何か ブログなどで用意されているRSSフィード(最新情報を配信してくれるもの) を読み込んで、任意の場所に表示させることができます。 もっと単純に言うと、 「他のサイトの最新の更新情報を、自分のホームページに表示させる」 これができます。 以前は利用の際にAPIキーが必要だったんですが、現在は不要となっているようです。 2.最初に「Google Feed API」を使用するためのスクリプトを読み込みます 下のコードを書きます。コードの意味は「これからAPIを使用しますよ~」って感じです。 ~ 内に書きます。 これを書いてようやくスタート・・・。 3.それでは、コードを書きます(サンプルです) ちょっと長いですけども、下のような感じで書きました。 コード内で特に注意する点は、コメントを書いています。 ~ 内に書きます。 google.load("feeds", "1"); var FA = new Array( //配列です。ここに、取得したいRSSフィードを加えるだけです "http://www.imamura.biz/blog/feed/", //私のブログのフィードURL "http://attrip.jp/feed", //attripさんのブログのフィードURL(なぜか「/」を入れると取得できない) "http://post.logown.com/feed/" //George.kさんのブログフィードURL ); function initialize() {
/image%2F0125000%2F201304%2Fob_47895faddaed68a2ed7ebf13bab273a7_scraplex-circle-white.png)

