Question

我想将标准的facebook分享按钮（button_count）添加为： enter image description here

我试图这样做几天，所以我需要你的帮助。我正在使用此链接中代码的代码：developers.facebook.com。据我了解，我放置了这段代码

<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/mk_MK/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

在<body>标记之后，此代码

<div class="fb-share-button" data-href="<<here_is_my_URL>>" data-type="button_count"></div>

在我希望按钮出现的位置。但是当我尝试加载页面时，按钮没有显示在我的页面上，我收到错误：

   Refused to display 'https://www.facebook.com/undefined/plugins/share_button.php?app_id=&channel…s.facebook.com%2Fdocs%2Fplugins%2F&locale=mk_MK&sdk=joey&type=button_count' in a frame because it set 'X-Frame-Options' to 'DENY'.

如何在我的网页上实现此功能？拥有与上图中按钮相同的设计并拥有计数器非常重要。任何帮助将不胜感激。

Answer 1

我设法让它发挥作用。只需使用按钮的XFBML版本而不是HTML5。

Answer 2

FB.ui({
  method: 'feed',
  link: 'https:link_to_be_shared',
  caption: 'An example caption',
}, function(response){});

请点击此处了解更多详情。 here

如何在我的网页上添加Facebook分享按钮？

2 个答案: