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, 小技集

執筆者:

関連記事

「TwitterFollowBadge」がIEで見れない件の対応方法

なんか、近くで嘆きの声が聞こえた気がするので(w)さらっと書いときます。 TwitterFollowBadgeっていう、ブログのサイド(右か左)にはれるTwitter用のブログパーツがあるんだけど、こ …

Public Domain classic のクラシック音源、約4200曲をPHPで遠慮なくダウンロード

パブリックドメイン・クラシック 数日出遅れていますが、日本での著作権保護期間が終了し、パブリックドメインとなったクラシック音源を約4200曲も公開しているスゴイサイトが話題になっています。MP3形式で …

no image

PostgreSQLでCSVやTSV用に改行コードを取り除く方法

DBからCSV(カンマ区切り)やTSV(タブ区切り)でデータを出力するってことがたまにあるのですが、出力するデータに改行が入っているとCSVやTSVのフォーマットが崩れてしまってエクセルなどでうまく開 …

no image

AmazonはTwitterで自由にアフィリエイトして良いとは言ってないっぽい

via: Amazon アソシエイト・プログラム(アフィリエイト) 公式ブログ: 「Twitterで共有」、始まりました! Amazonがアソシエイト・バーで公式に「Twitterで共有」機能を提供し …

どれだけMacを開いていたかが丸わかり!?Macでスリープ・解除の履歴を確認するコマンド

どもども、お疲れ気味のヤガー@yagerです。 忙殺されていると、なかなか自分がどのくらい働いているかも分からなくなってくる場合がありますが、月末月初は勤怠報告などで自分の稼働時間を泣きながらまとめて …

スポンサードリンク

スポンサードリンク