問題タブ [facebook-tabs]

私は最近、ページの管理者/開発者の役割を継承しました。Facebook 開発は初めてです。ページに新しいタブを追加しようとしていますが、取得できる唯一のオプションはアプリを作成することですが、私が遭遇したすべてのアプリオプションは、私がやりたいこと以上のことをしようとしているように聞こえます.

私がやりたいことは、ページにタブを作成することです。これは、ユーザーがクリックしてオファーに移動できる画像を表示するアプリ/キャンバスにリンクします。

ここまでで、表示名、名前空間、ページ タブ名、ページ タブ URL、およびタブ イメージを使用して基本的なアプリを作成しました。しかし、ページを更新しても新しいタブが表示されず、アプリ ページをプレビューすると、探している形式ではありません。

チュートリアルを試してみましたが、これは私にとってまったく新しいものであるため、探しているものや不足しているものについてはまだ理解できていません。探しているアプリ形式を誰か教えてもらえますか? それとも、私は完全に間違った場所にいますか?

私が設定した Facebook タブ アプリへの URL をユーザーが共有しようとすると、問題が発生します。

共有ウィンドウのタブに URL を貼り付けてステータスの更新を投稿すると、プロフィールで表示するとタブの画像が表示されますが、同じ投稿のニュースフィード バージョンには画像が表示されません。

オープン グラフ メタ タグをアプリに追加しようとしましたが、iframe 内にあるため無視されており、facebook オープン グラフ メタがそれを上書きしていると思います。

タブの URL が直接共有されているときに画像が維持されるようにする方法を知っている人はいますか?

私は、FB によるこのよく知られたページ タブ チュートリアルに関連しています: https://developers.facebook.com/docs/appsonfacebook/pagetabs。ページ タブ情報を入力し、タブ幅を調整した後の 3 番目のステップでは、新しく作成されたタブが追加されるページを選択するように求められます。しかし、チュートリアルに書かれているように、このプロンプトは表示されず、すべてのユーザーにとって通常のケースのようです。

タブの詳細を編集して「変更を保存」を押すと、このスクリーンショットのように「保存されました」というメッセージでページがリロードされます。

作成したアプリを自分のページに追加する可能性はこれ以上ありません。私のページのいずれかの管理領域に入ると、「アプリ」タブにこの新しく作成されたアプリが存在しないため、そこから追加することもできません。私が間違っているのは何ですか？解決策は単純でなければなりません-私は夢中になります:(すべてのポップアップと広告ブロッカーをオフにして、FirefoxとChromeで試しました-何もうまくいきません...アイデアとアドバイスをありがとう! Evgeniy

iframe に外部サイトを表示するカスタム Facebook ページ タブ アプリを作成する必要があります。これには広告が必要ですが、サイトが外部でホストされているため、これが可能かどうかはわかりません.

承認を受けるために Facebook Audience Network にサインアップする必要があるかどうかもわかりません。

どんな助けやアドバイスも素晴らしいでしょう。

Facebook タブで開きたい Facebook ページを作成しました。URL は https://apps.facebook.com/taggifi_androidです。

Web ページは次の場所にあります: http://www.taggifi.com/android-signup/

Chrome の開発コンソールに表示されるエラーは次のとおりです。

X-Frame-Options を変更するように指示する解決策は多数あります。このStack Overflow questionGOFORITに従ってオプションを変更することで、ページ上でローカルにそれを行いました。

すべての JavaScript を取り出して、外部参照が問題を引き起こしているかどうかを確認しましたが、そうではありませんでした。また、フォームの POST URL を変更して、キャンペーン モニターに投稿しているため、それが問題の原因であるかどうかを確認しました。それも役に立ちませんでした。ただし、開発コンソールで確認できるのは、ページが POST で 403 エラーに達しているように見えることです。そのため、URL を変更してみました。

私たちはすべてアイデアがなく、ここにある他のソリューションには無関係な機能があるように見えるので、他のソリューションを持っている人はいますか? これは、フォームをキャンペーン モニターに投稿する非常に基本的なページです。

Python でコーディングしています。

以下のコードを使用してファンゲートされた Facebook タブがあります。

このアプリでは、ユーザーは method="post" を使用してフォームを送信できます。フォームが送信されると、ページがリロードされ、フォームの代わりに成功メッセージが表示されます。URLは変わりません。

ただし、問題は、フォームが送信されると、ページが「いいね」されているにもかかわらず、ページ オーバーレイが表示されることです。

いいねゲートは、フォームが送信される前にページのオーバーレイを表示/非表示にするために完全に機能します。

どんな助けでも大歓迎です。ありがとう。

ベスト、アレクサンダー

アプリをテストしていますが、ページのタブにないときは問題ありません。520pxよりも広くする必要があります。まず、これは適切な高さを設定するための html のコードです。

高さはアプリのiframe

iframeここで、アプリがページ内に (タブとして) 読み込まれた後に同じことを確認すると、結果は次のようになります。

ご覧のとおり、520px の幅が自動的に設定されています。
プロパティを YES に変更しようとしたCanvas Fixed Widthので、アプリの幅は 760px に設定されていますが、まだ 520px の幅になっています。

また、コード内で幅の px を強制しようとしましたFB.Canvas.setSize({ width:760, height: 1100 });が、それでも 520px のままです。

ここでは、アプリが単独でタブとして表示されます。
ありがとう。

TAB
単独

PS。これが価値があるかどうかはわかりませんfbootstrapが、760/520px グリッド システムを使用していますが、fb の iframe 自体とは何の関係もないと思います。

Facebookのタブにjavascriptゲームがあります。

ユーザーがゲームを終了すると、自分の名前などを送信するオプションがあります。これは、同じドメインにつながるリンクをクリックすることによって行われます。アプリが配置されている同じフォルダーであっても、フォームとは異なるファイルです。

しかし、Google chrome を除くすべてのブラウザーで X-Frame-Options によって表示が禁止されているため、ドキュメントの表示を拒否されています。

何が間違っているのですか？