ウェブサイトを作成する時に、すでにほかでやっているブログの記事を新着表示させたい、というときありますよね。
先日、アメブロのブログをGoogle AJAX Feed APIで表示させる方法をやってみました。
本来JavaScriptで直接他のサーバーのデータを扱うのはたいへんですが、Google AJAX Feed APIを使うと比較的簡単に他のサーバーにあるRSSを読み込むことができます。（RSSとは、ブログやニュースなどを配信するためのフォーマットです。これを参照することで、ブログの記事を違うサイトに読み込んだり、RSSリーダーを使って、いろんなサイトの更新情報やニュースをまとめてみることができます。便利ですね。）
Google AJAX Feed APIの使い方を詳しく説明してくださるサイトがたくさんあるので、初めて使う方は参考にしてみてください。例えば、こちらのGoogle AJAX Feed API入門などがおすすめです。
設定まではすぐにできたのですが、一部文章が「…」となりうまく表示できていません。
調べてみたところ、RSS2.0だとcontentSnippetの項目がうまく取得できていない記事があるそうです。
この問題はRSS1.0では起きず、RSS2.0だと起きるみたいで、RSS2.0だったらcontentSnippetではなく、contentを使うほうがいいようです。contentSnippetとは、ブログの記事の要約が出てくるところなので、ぜひ使いたいところですよね。ちゃんと取得できる記事と取得できない記事と比べてみたのですが、なにが違うのはよくわかりませんでした。
データがどのようになっているのか、確認するには次のアドレスを確認してください。
https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=ここにRSSのURLをいれてください&num=-1
&num=-1をつけると、すべてのデータを表示します。contentSnippetに注目です。
コメント for non-facebook user