Facebook 页面插件答案

【问题标题】：Facebook Page PluginFacebook 页面插件
【发布时间】：2015-08-05 14:09:16
【问题描述】：

安装新的 facebook 页面插件时出现问题。我使用以下代码创建了一个简单的 test.html 文件，其中包括来自https://developers.facebook.com/docs/plugins/page-plugin 的插件代码。但是我的浏览器中有一条错误消息表明 file://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.4 在服务器上找不到。我还通过http：完成了地址或将Facebook文件保存在本地并将其嵌入为本地js文件，但页面插件没有出现。有什么问题？！

test.html 中的 HTML 代码：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</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/de_DE/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-page" data-href="https://www.facebook.com/facebook" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div>


</body>
</html>

【问题讨论】：

试试这个：stackoverflow.com/a/32134145/1956964

标签： facebook facebook-javascript-sdk facebook-social-plugins

【解决方案1】：

您似乎没有在 SDK 请求的 URL 中包含应用 ID。如果您尚未创建 App ID，可以在此处创建：https://developers.facebook.com/apps

请注意我网站下面示例中附加的&appId=[APP_ID_NUMBER_GOES_HERE]（显然已删除真实的 App ID）

js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.4&appId=[APP_ID_NUMBER_GOES_HERE]";

Facebook SDK 快速入门指南和文档应该回答您关于入门的任何其他问题：https://developers.facebook.com/docs/javascript/quickstart/v2.4

【讨论】：

但在developers.facebook.com/docs/plugins/faqs facebook 中说“你不需要创建Facebook 应用程序来集成社交插件”或“拥有Facebook 开发者帐户”。事实上，有些网站（例如lars-castellucci.de）完全使用了来自facebook的代码，我在上面的例子中给出了这些代码。我唯一做的就是从 facebook 复制代码并将其放入您可以创建的最简单的 html 文件中 - 它不起作用。对我来说似乎有点奇怪......

【解决方案2】：

好的，解决了这个问题。我唯一要做的就是将我的网站上传到在线服务器。

【讨论】：