Facebookページの投稿を表示するボックスを実装するjQueryプラグイン・Facio

Facebookページの投稿を任意のWebサイトに表示するjQueryのプラグイン・Facioのご紹介です。公式のが嫌、という方はこちらをご利用になってみては如何でしょうか。

Facebookページの投稿を羅列させる事が出来る、というもの。以下が動作デモです。

動作サンプル

もう投稿しなくなりましたけど・・当ブログのFBページを表示させてみました。少し表示に時間かかります。

※input要素が必要と言うわけではありません。貴方のFBページのURLを入力すれば表示テストが可能です。

コード

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script>

jQueryのプラグインなのでコアを読み込みます。

<div id="facio"></div>
<script src="./facio.min.js"></script>

空のボックスとプラグインを読み込む。

var pageUrl = "https://www.facebook.com/foobar";
var facioWidgetWidth = 300; 
var facioWidgetHeight = 400;

ボックスのサイズやFacebookページのURLは上記のように指定します。

公式のが嫌だという方はご利用になってみては。

Facio