2012-12-29 45 views
9

我已经创建了一个使用Heroku hosting option的Facebook Page Tab应用程序。我看到了一个选项,可以将页面标签的宽度设置为普通(810px)或窄(520px),但没有看到设置高度的选项,因为在创建“Facebook上的应用程序”应用程序时存在此选项。我可以在Facebook应用上设置页面标签高度吗?

我不知道我可以将此应用设置为“Facebook上的应用”,但我想知道我是否可能在'Page Tab'应用设置中丢失了某些内容。

这里是'Facebook上的应用程序'和'页面标签'应用程序设置页面的screenshot

回答

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>

2

插入您关闭标记之前:

<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> 
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自动检测页面大小。

+0

干得好。 50代表作为感谢你的方式来。 –

相关问题