iframeでFacebookページをつくってみた

Facebook

iframeでFacebookページをつくってみた。

「iframeを用いたFacebookページの作り方」ということで、備忘録を記しておく。

参考はhttp://ascii.jp/elem/000/000/593/593097/

流れとしては
1.Facebookページのアカウントを作成(Facebookページもいっしょにできる)
Facebook
2.開発者の登録(iframeを使うには開発者登録が必要)
http://www.facebook.com/developers/
3.アプリケーションを作成(iframeを使うにはアプリ登録が必要)
http://www.facebook.com/developers/createapp.php
4.アプリケーションの編集(ページの編集)

といった流れ。

3と4は、少しややこしいので、補足を書いておく。
http://www.facebook.com/developers/createapp.php
でアプリケーションを登録する。
登録後、[About],[WebSite],[Facebook Integration]・・と画面に左に並らんでいて、大事な部分は、[Facebook Integration]のみ。他は触らない。
[Facebook Integration]で大事なのが、[Canvas URL]。（その他の部分はhttp://ascii.jp/elem/000/000/593/593097/に詳しく書いてある）
僕は[Canvas URL]を設定するにあたり、レンタルサーバー（ロリホップ）を使った。htmlでもphpでもいいので、そのレンタルサーバーにソースファイルをあげる。[Canvas URL]はそのファイルのURLを入力する。[Canvas Page]は他人とかぶらなければ何でも良い。
で、[タブ名]などを設定して[設定を保存]をクリック。
以上でアプリの登録は完了。

で、まだ、Facebookページには表示されていないので、表示させる設定が必要だ。
表示さえたいアプリに移動し、画面やや右にあるリンク[Application Profile Page]をクリックする。
Profile Pageが表示されるので、画面左下のリンク[マイページに追加]をクリック。で自分のFacebookページを選択して完了。

[マイページに追加]する処理を忘れがち(自分は)なので注意が必要だ。
また、レンタルサーバーに関してだが、僕みたいなお試し系な人は、ロリポップやさくらの一番安いプランのやつでいいのではと思う。

他、参考になるページ