Facebook赞按钮不使用div标签显示

时间:2015-11-20 16:29:45

标签: html5 facebook

<body>
<div id="fb-root"></div>
This the Javascript SDK!!
<script>(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_GB/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</body>

<div class="fb-like" data-href="https://www.facebook.com/tok2md" 
data-width="200" data-layout="button_count" data-action="like"
data-show-faces="false" data-share="false"></div>

我正在尝试使用div标签获取facebook这样的按钮。     但是没有任何内容出现在页面上。我尝试过使用     iframe然后显示。请帮助!!

1 个答案:

答案 0 :(得分:0)

您需要在&amp; version = v2.5

之后在javascript上添加您的app-id

必须像这样

<div id="fb-root"></div>
<script>(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_GB/sdk.js#xfbml=1&version=v2.5&appId=XXXXXXXXXX";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

XXXXXX 是您的app-id

因为Facebook不再使用盒子,就像他们称之为此页面插件一样,你可以在这里阅读https://developers.facebook.com/docs/plugins/page-plugin

这意味着如果你想使用像插件这样的插件,你需要在Facebook应用程序上添加你的域名。