Facebookページに複数のブログのRSSフィードを表示する方法

もうひとつFacebookネタ。覚書もかねて。

Facebookページに複数のブログのフィードを表示させてみました。
私は「LOWEREAST81」のFacebookページのお手伝いをしているのですが、そこで実装している方法です。
LE81 Facebookページ

今回は、専用のタブに複数のブログのRSSを読み込んで、それを更新日付順に並べ替えています。
さらに加えて、どのブログのエントリーなのかを分かりやすくするために、各タイトルの頭に目印をつけています。

利用したのは、「Involver」と「Yahoo Pipes」です。

さて、実際の設定方法を見てみましょう。
当然ですが、Facebookページがすでにある前提です。

簡単に作業の流れを説明します。

１．Involverの「RSS for pages」をFacebookページにインストール
２．Yahoo Pipesで、表示させたい複数のRSSフィードを一つにまとめる
３．Yahoo Pipesのフィードを、「RSS for pages」に設定する

当然ですが、難所は２ですね。

(1)まずは、Involverのページへ。左上の「Get Apps」をクリック

(2)アプリ一覧から、「Rss Feed」を選択。（Installをクリック）

(3)追加したいFacebookページを選択

(4)なんか、会社名と電話番号を聞かれます。まあ、適当に。

(5)で、この画面で、読み込みたいフィードを登録します。

はじめて使う人は、とりあえず自分のブログのフィードURLをためしに設定してみてください。

さて、次はYahoo Pipesの作り方です。
これは・・。ハマりますよww
すげーおもしろい。

(1)まずはYahoo Pipesに行きます。「Create Pipe」をクリックすると、ログイン画面になります。YahooIDがあればそれでログイン可能です。

(2)編集画面が開きます。ここからの説明は、この編集画面でPipeを作っていく説明になります。

基本的な操作は、左メニューにある「アイテム」を、右側のフィールドに追加していきます。
追加は、ドラッグ＆ドロップか、「＋」マークを押すことでできます。
追加したアイテムそれぞれのパラメーターをいじりながら、各アイテムを「パイプ」でつなぎ、完成させます。

細かい説明はいらないから完成形だけ見せろ！という人はコチラ。

「Edit Source」から。

(3)まずは、Sources＞Fetch Feedを追加。Feedを取得したいRSSのURLを入れてください。

(4)次に、Operators＞Regexを追加。そして、先ほどのFetch Feedとパイプでつなぎます。つないでから、画面の通りに設定してください。
左から順に、「item.title」を選択、「(.*)」と入力、「ブログ｜$1」と入力。
右側のチェックボックスは全部無視でいいです。

一応説明すると、Fetch Feedで取得したRSS情報に、一定のルールにのっとって変更を加えるのがこのRegexです。

ここで設定しているのは、「item.title」のデータに対して、正規表現「(.*)」で検索をかけ、ヒットしたものを「ブログ｜$1」で置き換えています。
「item.title」は、記事のタイトル情報です。
正規表現「(.*)」は、ようはどんな文字でも全部ヒットさせる。
「ブログ｜$1」の「ブログ｜」という部分が、記事のタイトルに追加して表示させたい文言です。ここを自由に変えてください。
「$1」ってのは、よくわかりませんが記事タイトルの元データみたいですね。