【コピペでおk】外部サイトの更新情報をRSSを利用してサイトに表示させる方法

Publish2014/02/18(火)

ちょっと真面目系の記事で飛ばしすぎたので、今日はゆるくGoogleFeedAPIを使った外部サイトのRSSを表示させる方法なんかを紹介します。

GoogleFeedAPIを使って外部サイトのRSSを取得する

以前からやり方は知ってたんですが、あるお客さんとの話の中で「あ、これ使ったらいけるやん!」ってふと思ったので探してみました。
デザインとかはあまり気にせずに、純粋に出力できたらいいシンプルな形で。
実際のコードはこんな感じです。
jsはこれ
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
//<![CDATA[
google.load("feeds", "1");
var getRssFeed = function () {
var feedControl = new google.feeds.FeedControl();
//読み込むRSSの設定
//feedControl.addFeed('フィードのURL', 'フィードの名前')
feedControl.addFeed('http://site1url/atom.xml', 'サイト名');
feedControl.addFeed('http://site2url/atom.xml', 'サイト名');
feedControl.addFeed('http://site3url/feed/', 'サイト名');
//エントリー数
feedControl.setNumEntries(10);
//出力
feedControl.draw(document.getElementById('feed'));
};
google.setOnLoadCallback(getRssFeed);
//]]>
</script>


HTML部分
これだけ
<div id="feed"></div>
こんな感じでかなり簡単ですね。
もちろん簡易的にやりたいだけなのでこれで十分でした。
さて、問題はこれを使って何を作ったかなんですが、実はこんなものを作りました。

RSSで監視して部下のブログ更新状況を一覧でチェックするページ(上司用)

これを使えば仕事をしてるかさぼっているかがさくっと分かる素敵(ある意味鬼畜)なページです。
シンプルで軽量なので、監視も捗ります。
手元のファイルでも出来るので、作ってその人だけがこそっとみる事も出来る素敵ツールかも。

記事の著者:ふにすでぐち

ふにすでぐち

1978年生まれ。企業のWeb活用をテーマに、Web運用を中心とした戦略的な企画立案、サポートやホームページ/Webサイトの構築などを行っています。
5年間のWeb制作会社勤務後、2年間のフリーランスで「フニス」として活動後に法人化し、2012年7月「ふにす株式会社」を設立。
Web運用の情報や考え方などを発信するブログ「ふにろぐ」を定期的に更新し、情報配信をしています。
また、Googleアナリティクス認定資格を取得しているので、アクセス解析を用いた分析などの手法でお客様のホームページの成功をサポートしています。
本社のある大阪府高槻市で「ふにすWeb相談所」を開設し、
地域の方々に気軽にWebのことを相談できる場所として、より多くのWeb運用の問題解決をするために活動しています。
Webの運用に関するお悩みや、ホームページで成果が出せないお悩みをお持ちでしたら、お気軽にご相談ください。
お問い合わせはこちら

LINEでWebに関する質問にお答えしています。

ふにすでは、LINEでWebに関するご質問にお答えしています。Webに関するあんなことやこんなこと、今さら聞けない疑問などなんでもご相談ください。LINEアプリでQRコードを読み取ると友達登録のリンクが表示されますので、試しに登録してみてください。

ふにろぐとは?

でぐち

ふにろぐは「ふにす株式会社」の「でぐち」が書いているブログです。
このブログでは主にホームページの運営をしている企業のご担当者様向けに、「ホームページ/Webサイトの運営に役立つTips」や「今更人に聞けないような初歩的なこと」を中心に情報を配信しています。

このブログについて

ふにす株式会社

ふにす株式会社は大阪の高槻にある「Webを起点に会社の成長を応援するパートナー」をモットーに、Webにまつわるいろいろな問題を解決する、サポートをする会社です。
ホームページでお問い合わせを増やしたい、もっとたくさんの人に見てもらいたいなど、ホームページ/Webサイトを活用したい方向けの活動を行っています。
また、ホームページの作成や、外部パートナーとしての運用サポートなど、幅広くWebにまつわる諸々のことをおこなっております。
どのようなことを頼めるのかをまとめてみましたので、ご確認ください。

ふにすにはどんな仕事が頼めるの?

ブログ内検索

サービス

ふにすWeb相談所

ホームページの運用お得情報

ホームページ/Webサイトの運用に関する記事のまとめです。ツールや運用ノウハウなど、知っていると便利になる情報ですので、まずはこちらをご覧ください。

Webサイトの運用に関する情報

お問い合わせ

ホームページを成功させたいとお考えの方はお気軽にご相談ください。
ご相談は、下記の中からお好きなものを選んでいただければ大丈夫です。

  • メールで問い合わせる
  • チャットワークで問い合わせる
  • Facebookで問い合わせる
  • X(旧Twitter)で問い合わせる

LINE@でも相談を受け付けています。
QRコードから友達登録を行って、メッセージを送ってください。

LINE@

最新記事

カテゴリ別記事一覧

月別記事一覧