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

【问题标题】：How to add facebook share button on my webpage?如何在我的网页上添加 Facebook 分享按钮？
【发布时间】：2014-05-06 11:06:34
【问题描述】：

我想添加标准的 facebook 分享按钮 (button_count) 作为这个：

这几天我正在尝试这样做，所以我需要你的帮助。我正在使用此链接中的代码：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'.

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

【问题讨论】：

您是否添加了 Facebook 应用程序。如果没有，我认为你必须添加一个 facebook 应用程序，并在那里设置网站 URL。否则将无法正常工作。
我没有申请。我希望我不需要它。我有一个简单的 WEB 页面，我只想分享它的内容。现在它正在使用下面接受的答案。 Tnx。

标签： facebook facebook-graph-api facebook-javascript-sdk facebook-sharer

【解决方案1】：

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

【讨论】：

你是如何传递图像、标题和描述的？使用元标记或其他方式？

【解决方案2】：

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

请参阅此处了解更多详情。 here

【讨论】：