9

Herokuホスティングオプションを使用してFacebookページタブアプリを作成しました。[ページ]タブの幅を[標準]（810px）または[狭い]（520px）に設定するオプションが表示されますが、[Facebookのアプリ]アプリを作成する場合のように、高さを設定するオプションが表示されません。

このアプリを「Facebookのアプリ」として設定できることは理解していますが、「ページタブ」アプリの設定に何かが欠けているのではないかと考えています。

これは、「Facebookのアプリ」と「ページタブ」アプリのセットアップページのスクリーンショットです。

4

3 に答える 3

22

https://stackoverflow.com/a/13181388/820113に基づいて、機能したものは次のとおりです

<script src="//connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
window.fbAsyncInit = function() 
{
    FB.init({ appId: 'appid', 
    status: true, 
    cookie: true,
    xfbml: true,
    oauth: true});

    FB.Canvas.setAutoGrow();
}
</script>

そして、<div id="fb-root"></div>体の中に。

于 2013-01-07T06:07:40.823 に答える
6

ステップ2014で最新のソリューションが見つかりました

するべきこと

これを追加した後：

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '{Your-mail-App_id}',
      xfbml      : true,
      version    : 'v2.0'
    });
      FB.Canvas.setSize({ width: 770, height: 735 }); // set your own figure
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

以上です。それは確かに機能します。パラメータのないFB.Canvas.setSize（）は、FBがページサイズを自動検出できるようにすることを意味します。

于 2014-09-08T11:47:04.413 に答える
2

bodyタグを閉じる前に挿入します。

<div id="fb-root"></div>
<script type="text/javascript" src="//connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
    window.fbAsyncInit = function() {
        FB.init();
        FB.Canvas.setAutoGrow();
    }
</script>
于 2014-06-30T18:48:33.887 に答える