FacebookのWallをWebで表示させる
- 2011年 6月 12日
- コメントを書く
「Twitter⇔Facebook⇔WordPress⇔Webの連動」記事で紹介したFacebook Status(LINK)によるFacebook→Webは、Facebook側の PROFILE_ID と feed and PROFILE_ID におけるGRAPH API の仕様変更によって機能しなくなった様子。
詳しくはFacebook DEVELOPERの開発者ブログを参照(LINK)
しかたがないのでスクリプトを別のモノに変更してみた。今回利用させてもらったのは「Fb.Wall」(LINK)
設置は簡単だ。
Fb.Wallサイトの「Live Demo」フィールドで自分のID(Facebook ID?)を入力し、「Access Token?」でFb.WallのFacebookへのアクセスを可能にするトークンを設定する(Connect and create access token)。
この設定で開発元のNeosmart GmbHによる「neosmart」アプリがFacebookウォールへのアクセスすることになる。もしスクリプトの動作を停止する場合は、Facebook「プライバシー設定」内の「アプリ、ゲーム、ウェブサイト」でneosmartの設定を除外しておこう。
「REFRESH」ボタンをクリックして自分のWallが表示されればきちんとスクリプトが動いていることになる。
後はダウンロードしたパッケージ(jquery)内の「jquery.neosmart.fb.wall.js」でスクリプト行末尾(LINE254以降)にある「*Defaults」内で各種パラメータ変更(最低限ID変更)を行ない、「index.html」内の必要な情報を表示させたいhtmlファイルに移植(
タグ内とタグ内へそれぞれ移植)すればいい。「jquery.neosmart.fb.wall.css」の中味は使っている自分のスタイルシートの中にまるごとペーストしてみた。
スクリプトがきちんと動作することが確認できたのでcssで見栄えを調整した。