技術メモってことで記載。2013/4/29時点で確認。
facebookページをホームページに埋め込みたいとき、普通はLikeBoxというガジェットを使う。
LikeBox
https://developers.facebook.com/docs/reference/plugins/like-box/
ただ、これだとfaecebookっぽいデザインになってしまうので、とりあえずテキストだけ欲しい!というときには使いづらい。
ということで、facebookページに投稿されたテキスト情報(タグ含む)を取得したい場合はどうするか。
軽く調べた感じだと、facebookページはRSSで配信されているようで、RSSリーダーと同じ要領で内容を取得すれば楽なようである。
ただ、ブログのRSSと違い、facebookページの投稿にはタイトルという概念がなく、実際に配信されるタイトルは、単に投稿内容の要約になっているので使えない。
RSSで取得する方法は、以下のURLをたたくだけ。
http://www.facebook.com/feeds/page.php?format=rss20&id=(facebookページのID)
facebookページのIDは、該当のフェイスブックページを管理者ユーザーが開き、facebookページを編集するページに移動した際のURLをチェックする。
https://www.facebook.com/pages/edit/?id=(ココ)&sk=permissions
実際にjQueryでフィードを取得する処理としては、こんな感じ。
参考・・というかほぼ丸パクリだけどNEZU.log様のサイトを参考にしています。
/***************************************/
ソースここから
/***************************************/
$.getJSON(
’http://ajax.googleapis.com/ajax/services/feed/load?callback=?’,
{
//取得時のパラメータ
q: ‘http://www.facebook.com/feeds/page.php?format=rss20&id=(facebookページのID)’,
v: ‘1.0’,
num: 30
},
function (data) {
var txt=””;
for(var i=0;i<data.responseData.feed.entries.length;i++) {
// ここでいろいろ処理をしてあげる。
txt += “<div class=’facebook_content’>” + data.responseData.feed.entries[i].content + “</div>”;
}
$(“#feed”).html(txt);
}
);
/***************************************/
ここまで
/***************************************/
いろいろ調べたけど、結局使い道はないようなのでお蔵入りの意味もこめて記事にしておく。