Facebook Face Pile使用HTML5而不是iFrame

时间:2011-12-04 00:59:45

标签: javascript facebook

是否可以通过JavaScript API使用Facebook Face Pile指向APP-ID而不是HREF?例如,JavaScript相当于iFrame代码:

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

2 个答案:

答案 0 :(得分:7)

要显示有多少朋友使用您的网站/应用,只需使用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属性表示您希望显示有多少人喜欢该特定网址。

答案 1 :(得分:-2)

<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的社交插件文档中。