我使用Heroku hosting option创建了一个Facebook页面标签应用。我看到一个选项,用于将页面选项卡的宽度设置为“正常”(810px)或“窄”(520px),但是没有看到设置高度的选项,就像创建“Facebook上的应用程序”应用程序时一样。 / p>
我知道我可以将此应用程序设置为“Facebook上的应用程序”,但我想知道我是否可能在“页面选项卡”应用程序设置中遗漏了某些内容。
以下是“Facebook上的应用”和“页面标签”应用设置页面的screenshot。
答案 0 :(得分: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>
。
答案 1 :(得分: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自动检测页面大小。
答案 2 :(得分: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>