Facebookのお勉強メモ（タブボタンで外部ＨＰをFacebook内に表示）

先日、外部ＨＰをiFrameでFacebookページ内に表示する設定をした設定方法です。

１．新しいアプリの追加
　管理者にて以下のページでアプリを登録します。
　https://developers.facebook.com/apps

　１）アプリ名入力（適当）
　２）画面よりセキュリティコード入力（画面表示の記号とアルファベットをスペースを入れて入力）

２，アプリの設定
https://developers.facebook.com/apps から右上の「アプリの編集」

１）ページタブのみ設定
　・外部ＨＰは、一般にＰＨＰタイプだと上手くいくと思います。
　・secure　pageは、同じアドレスでhttps://とします。
　・ページタブ画像は幅111px　縦74px
　・ページの幅は520px　と　810px　から選択

３．作成したアプリをタブに登録
　・以下のURLで登録
　　http://www.koikikukan.com/samples/20111215/
　　　入力　ID（アプリID）　ＵＲＬ（外部ＨＰのURL）
　　　※
Facebookページ が複数ある場合、どっちに追加するか聞いてきます

　最後に、 指定したFacebookページの上部に「タブ」が追加されています。

　　　※タブの移動は、 ボタン＝＞下向きボタン「▼」＝＞移動したいアプリボタンへマウス＝＞移動したいアプリの鉛筆マークをクリック＝＞入れ換えしたいタブ選択

お役にたてば、幸い・・・
　
【ご注意】

Ｆａｃｅｂｏｏｋは、設定がよく変わります。

この設定が有効なのは、投稿日現在です。時間が経過してると使えないかも・・・

でも、ヒントにはなるかも。