Facebook Face Pile使用HTML5代替iFrame

Facebook Face Pile Using HTML5 Instead of iFrame

本文关键字：代替 iFrame HTML5 使用 Face Pile Facebook      更新时间：2023-09-26

是否可以通过JavaScript API使用指向应用程序id而不是HREF的Facebook Face Pile ?例如，JavaScript中iFrame代码的等效代码是:

<iframe src="http://www.facebook.com/plugins/facepile.php?app_id=120600291315567"
  style="border:none; overflow:hidden; width:300px; height: 70px">
</iframe>

要显示有多少朋友使用您的网站/应用程序，只需使用在https://developers.facebook.com/docs/reference/plugins/facepile/生成的HTML5示例，然后删除 data-href属性。例子:

<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/all.js#xfbml=1&appId= 120600291315567";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-facepile" data-width="200" data-max-rows="1"></div>

data-href属性表示您想显示有多少人喜欢那个特定的URL。

<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/all.js#xfbml=1&appId= 120600291315567";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-facepile" data-href="http://example.com" data-width="200" data-max-rows="1"></div>

这实际上显示在facebook的社交插件文档中。

相关文章：