【facebookページ構築日記】(7) iframeページを更に追加する。

aniyan 2011年8月4日 by aniyan

iframeページを更に追加したいときの方法が本にもネットにもなかったので、書いておきます。

iframeページを作っていく流れはこれまでのとおりです。

しかし、Canvas URL(iframeに反映させるHTMLを置くところ)はディレクトリ(フォルダ)でしか指定できないので、
同じお客様だったりすると先に制作したHTMLと同一階層に置きたいところですが、そういうわけにはいきません。

同じ階層に置けない

フォルダを並列で別個にするか、フォルダの中にフォルダをつくって置かなければなりません。

フォルダを並列で別個にするフォルダの中にフォルダをつくる

 

ひとつのiframeの中身だけを遷移させる方法をとるなら一方をindex.htmlにしてできるような気がしますが、
機会があれば、また試してみたいと思います。

 

さて、最初のiframeページの作成では、マイページに反映させれば、
自動的にTabタイトルが左のメニューに反映されるのですが、どういうわけか、2ページ目はすんなりいきません。

 

追加するiframeページの仕込みが完全に終わったら、
facebookページの「基本データを編集」→「アプリ」へ移動して
新しいiframeページのアプリが追加されているのを確認します。

新しいiframeページのアプリの「設定を編集」をクリック。

新しいiframeアプリが追加されている。「設定を編集」をクリック

 

利用可能(追加)をクリック。

利用可能(追加)をクリック

追加済みになったら、OKをクリックしてください。

追加済みになったらOKをクリック。

 

これで、facebookページの左に新しいiframeページがメニューに追加されているはずです。