ウェブサイトで FB 登録ウィジェットを使用しています。
私たちのサイトでは、CNAME を登録することでサイトのページの URL をカスタマイズできるため、次のようにページにアクセスできます。
www.example.com/foo または foo.mysite.com/
Facebook 登録ウィジェットを埋め込み、標準ドメイン (www.example.com) 経由でヒットすると、次のようになります。
- 青色の Facebook 読み込み進行状況バーが表示されます [] [] [] ... 数秒間、その後...
- 登録ウィジェットが表示されます
これは予想どおりです。すべて問題ありません。
コンソールに次のメッセージが表示されます。
The "fb-root" div has not been created, auto-creating all.js (line 30)
しかし、それが唯一の奇妙さです。
example.com は私の FB アプリで「アプリ ドメイン」(example.com) として定義されており、「サイト URL」フィールドの「Facebook ログインのある Web サイト」の下で、http://www.example.comに設定されています。
この問題は、代わりにウィジェットが foo.mysite.com に埋め込まれている場合に発生します。FBアプリの設定は上記と同じです。動作は上記とほぼ同じですが、ステップ 2 (登録ウィジェットが表示されます) の後、バックグラウンドで読み込み進行状況バーが引き続き表示されます。
以前と同様に、コンソールに次のメッセージが表示されます。
The "fb-root" div has not been created, auto-creating all.js (line 30)
この「ファントム」ローディング バー アニメーションに関係なく、ウィジェット自体は正常に動作し、Facebook からデータを正しく取得し、redirect-uri は正常に動作しています (有効な署名付きデータで、クリックすると期待どおりにリダイレクト uri に投稿されます)。
これを修正する方法は何ですか？
ところで、
<script src="http://connect.facebook.net/en_US/all.js#appId=xxxxx&xfbml=1">
と
<fb:registration fields="name,email" redirect-uri=http://foo.mysite.com/fb_registration?origin=http://foo.mysite.com/stuff&id=42cc fb_only="false" width="300"> </fb:registration>
これらの問題が発生している場合 (正しくまたは正しく動作していない場合) に動作する唯一のコードです。
アップデート：
ランニング
$(".FB_Loader").hide()
問題を「修正」します。しかし、このバグを引き起こすためにどのような種類のクロスドメインが発生している可能性があるかを誰かが知っていれば、それは大歓迎です.