9

我使用Heroku 托管选项创建了一个 Facebook Page Tab 应用程序。我看到了将页面选项卡的宽度设置为正常 (810 像素) 或窄 (520 像素) 的选项，但没有看到设置高度的选项，就像在创建“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

找到最新的解决方案@ Step 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 回答