Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Facebook 小技集

Facebookページのiframe形式タブに切り替える場合は、バグに注意!

投稿日:


【2011/03/23:追記】
セキュアな接続(https)の場合に、iframeタブが表示されない問題が解決されていました。
Facebook Platform .:. Bug 15200 – Iframe on Page Tab not visible if User is https-only

【2011/03/02:追記】
ログアウト時にiframeタブが表示されない問題が解決されました。
Facebook Platform .:. Bug 15166 – custom iframed tab for a FB Page not loading when logged out.

しつこく、facebookネタっす。ちょっと速報気味にちゃちゃっと書きますね。
前回、3/11に移行が決まっているStatic FBMLからiframe形式に乗り換える方法を書きましたが、突然の発表ということもあり一部バグが残っているようです。主に企業で利用される方は情報を吟味してから導入すべきでしょう。

  1. セキュアな接続(https)の場合に、iframeタブが表示されない
  2. ログアウトした状態で、iframeタブが表示されない
  3. 古いFacebookファンページでは、iframeタブは正常に動作しない

2011/02/21時点の情報ですが、状況が変わるかもしれません。なるべく、このブログでもフォローしていくので最新の情報に注意してください。

セキュアな接続(https)の場合に、iframeタブが表示されない

facebookでは、アカウント設定で「可能なかぎりhttpsでの接続を行う」オプションを選択かのうです。

アカウント設定>アカウントのセキュリティ>セキュアな接続(https)をチェック

この設定は、Facebookページにも適用されます。iframe形式のタブの作り方の解説で、Canvasページの設定に「Secure Canvas URL」という項目があり、SSL証明書を持っている場合はhttpsのURLを入れておけば、セキュアな接続をされた場合そちらのURLからiframeを表示します。しかし、どうやら、タブにはこの設定が適用されていないようで、うまく表示されません。
Bug Tracerに上がっていたのでfb側のバグだと思われます。
Facebook Platform .:. Bug 15200 – Iframe on Page Tab not visible if User is https-only

ログアウトした状態で、iframeタブが表示されない

見出しの通りですが、Facebookページ自体はfacebookにログインしていない人でも閲覧できるため自社サイト・サービスのサテライトサイト的に使う事ができます。ところが、新しいiframeタブでは非ログイン時にページが表示されませんでした。
こちらも、Bug Tracerに上がっていたのでfb側のバグだと思われます。
Facebook Platform .:. Bug 15166 – custom iframed tab for a FB Page not loading when logged out.

古いFacebookファンページでは、iframeタブは正常に動作しない

こちらはバグではなく仕様と思われますが、引っかかっている人がちらほらいるようなので言及しておきます。
英文でのiframeタブの説明でも新しいFacebookページ用の機能というニュアンスで紹介されているとおり、iframeタブは新しい”facebookページ”でしかどうさせず、古い”facebookファンページ”では動作しないようです。試しに、アップグレードしていない古いファンページにiframeタブを追加したところ、FBMLタブとして読み込んでいるのかFBMLの文法エラーが表示されました。
iframeタブを使いたい場合は、必ず新しいfacebookページにアップグレードしてからにしましょう。

まとめ

しつこいですが、1/2についてはバグと認識されていますのでその内対応されるかもしれません。最新の情報をチェックしましょう。
とはいえ、現状httpsでのアクセスや非ログインでのアクセスなど、そこそこ有り得そうな方法で100%再現できるバグですので、Welcomeページなどトップページに指定するタブにはiframe形式を選ばないというのが無難な気がします。3/11まではStatic HTMLが作成でき、そのまま継続できるとアナウンスされているのでまずは簡単なFBMLを覚えてページを作って置いたほうがよさそうです。
このブログでも出来る限り続報をお知らせしますので、ぜひ、いいね!してくださいね!

-Facebook, 小技集

執筆者:

関連記事

[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第3回:自分探しの旅は一周して写真に回帰

昨日は、ネタフルのコグレマサトさん主催、視覚マーケティングのススメの著者で鬼コーチこと(w)ウジトモコさんを講師に迎えての勉強会の第3回に行ってきました。 これまで、第1回では1枚絵で、第2回ではテー …

no image

JavaScriptのポップアップウィンドウ禁止しているブラウザへの代替処理

ものすごく今更な話しかもしれないけど、最近、IE・FirefoxはもちろんSafariやOperaを同時に起動していたりして気付いたんだけど、モダンブラウザにはポップアップブロック機能(別ウィンドウを …

no image

nslookupをPHPで実装する簡単なサンプル

唐突な思い付きネタですw nslookupはDNSにドメイン情報を問い合わせるためのコマンドで、IPアドレスからホスト名を取得したり、ホスト名からIPアドレスを取得したりできる仕組みです。 すでに、W …

Googleドライブのフォーム機能からGoogle Apps Scriptを使ってメール自動返信2014年版

Googleドキュメントのフォーム機能からGoogle Apps Scriptを使ってメール送信 [C!] 上記記事は2011年に書いて今でも非常にたくさん参照されているのですが、Googleの仕様変 …

Ffmpegで複数動画を結合して一つの動画に出力

いつも、動画変換においてやりたいことがあってもコマンドを思い出せないFfmpeg。今回もこのごろ良く使うものを自分用のメモを兼ねて記録しておきます。

スポンサードリンク

スポンサードリンク