facebookをいじっているんですが、ものすごくわかりにくいですね・・・。
やっとページをiframeで読み込めたんですが、次は覚えてなさそうなので、メモしておきます。
※2011年5月11日時点の情報です。
まず、width:520px以下でページを作成します。
※heightを800px以下にしないとiframeで読み込んだときに上下左右のスクロールバーが出ますが、jsで回避します(後述します)。
作成したページをサーバにUPします。
次に、アプリを作成します。
・フッタの「開発者」/ グローバルメニューの「マイアプリ」をクリック
・「+ Set Up New App」ボタンをクリック
・「Facebook Integration」でタブ名とタブのURL(iframeで読み込むページのURL)
を入力

上記アプリのページの「Application Profile Page」にいき、左サイドバーにある「マイページへ追加」をクリック → 該当のページを選んで「Facebookページに追加」ボタンをクリック
マイページのアプリにもし追加されていない場合、次の方法でfacebookのサイドバーにアプリへのリンクを追加します。
マイページトップの右上「Facebookページを編集」ボタン / サイドバーの「アプリ」 / 該当アプリの「設定を編集」
から追加します。カスタムタブ名に、サイドバーの表示名を入力して「OK」をクリック
heightが800px以上になる場合は上下左右のスクロールバーが出てしまうので、iframe版 Facebookページのスクロールバーを消す方法を参考にjs等を追記して、サーバにUPします。
Editor's Note
んー全然終わらんのでがんばります。
Related Entry
- サイトやブログに設置するFacebookソーシャルプラグイン
- Facebookページにアプリのタブを追加する方法
- FacebookのApplication Profile Pagesは2012年2月1日に廃止
- 新Facebookページ(2012.03.30以降)でタイムライン化される際のサイズ・注意点
- FacebookカバーデザインをiPhoneから作れるアプリ
- Facebookカバーのサイズ



