iframeでFacebookページをつくるための流れ

にアクセスして「マイアプリ」を選びます。すると以下の画面が表示されるので右上の「+Set Up New App」を選びます。ちなみにこのページにはFacebook開発者からの最新情報が載っているので英語ですが読める方は読んでおくと勉強になりますよ。

「+Set Up New App」をクリックすると以下のような画面になるので、ここではアプリケーションの名称を入れます。

アプリケーション名を入れたあとに確認の画面があり、その先で必要事項を記入して保存します。画像が多くなるのでスクリーンショットは載せていませんが、アイコンに使う画像などはここで登録します。保存すると以下のような画面に切り替わります。

ここで「設定を編集」を選びます。進んだ先で「Facebook Integration」を選択し、以下の画面の中の赤線で囲まれた項目を埋めます。この時にCanvas TypeをiFrameにするのを忘れないでください。

設定が済んだら「Application Profile Page」に移動して、制作したアプリケーションをマイページに追加してください。