Facebook分享按钮没有显示

Facebook share button does not show up

本文关键字：显示 按钮 分享 Facebook      更新时间：2023-09-26

我想添加一个非常基本的Facebook分享按钮，正如这里建议的那样：

https://developers.facebook.com/docs/plugins/share-button?locale=fr_FR

问题是按钮不会简单地显示，没有javascript或网络错误。

谁能说我做错了什么？

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>titre</title>
</head>
<body>
<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_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"></div>

</body>
</html>

提前感谢您的帮助

标记的答案很愚蠢。代码中包含的 javascript 是加载 SDK JavaScript 的。

我面临的问题是我在没有通过 Web 服务器的情况下查看 html 页面。换句话说，我使用的是 file://协议，而 facebook SDK 在该协议下运行时不起作用。虽然它确实拉了很多东西并影响了DOM，但Facebook分享按钮并没有显示出来。

将其设置为仅在本地主机（在我的情况下为 IIS）上通过真正的 Web 服务器运行，然后瞧瞧按钮。希望这对一些人有所帮助。

对我来说

，是大小属性阻止了按钮显示。

只需添加 

data-size="large"

到按钮的div 标签，它会显示。

顺便说一句，根据文档，没有可用的中等大小。

第一行告诉你添加你还没有完成的 sdk javascript。执行以下操作，您应该很高兴：

<script type="text/javascript" src="Location of SDK javascript"></script>
有时，

看到Facebook按钮的这些问题是由于浏览器扩展程序（例如断开连接）阻止脚本与Facebook通信等，因此如果是这种情况，请将您的网站列入白名单。

除了如上所述将"sdk.js"更改为"all.js"之外，我还必须将"http："添加到url，即：

而不是：

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1";

用：

js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";

祝你好运

第 1 步：获取共享按钮将存在的域的 Facebook 应用程序 ID。第 2 步：将 Facebook JavaScript SDK 添加到您的网页。第 3 步：添加代码以在网页上加载 jQuery 库步骤 4：添加一些 jQuery 和 fb.ui 代码以显示"共享"对话框

相关文章：