如何将Facebook页面的供稿嵌入我的网站

Question 1

我正在与一个团体合作，以促进慈善活动。我要嵌入的页面不是我的Facebook个人资料，而是某人创建的Facebook页面。

我想在我的网页上显示该新闻提要。如果我需要从此页面获取信息/访问权限，请告诉我。如果其他人有可行的示例，请告诉我。我一直在使用jsfiddle.net进行绘制。

这是网页：http：//www.facebook.com/pages/Chefs-Classic-Knock-OUT-Bout/225835004169328

Question 2

啊，这非常简单，不需要编程。

请参阅：https：//developers.facebook.com/docs/plugins/page-plugin

您需要保持该show stream选项处于打开状态。您可以调整宽度和高度以及其他一些内容。

Question 3

如果您正在寻找自定义代码而不是插件，那么这可能会对您有所帮助。自从发展起来以来，Facebook的图表已经发生了一些变化。这些步骤适用于我最近尝试并运行良好的最新Graph API。

涉及两个主要步骤-1.获取Facebook访问令牌，2.调用传递访问令牌的Graph API。

1.获取访问令牌-这是获取Facebook页面访问令牌的分步过程。-在我的网站上嵌入Facebook页面提要。按照此步骤，您需要在Facebook开发人员页面中创建一个应用程序，该页面将为您提供一个应用程序ID和一个应用程序密码。使用这两个并获得访问令牌。

2.调用Graph API-一旦获得访问令牌，这将非常简单。您只需要使用要检索的所有字段/属性形成一个Graph API的URL，然后对此URL进行GET请求。这是有关如何在asp.net MVC中执行此操作的示例。使用ASP.NET MVC嵌入Facebook Feed。这在任何其他技术中都应该非常相似，因为它只是一个HTTP GET请求。

样本FQL查询： https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE

Question 4

在新的页面插件中，您可以在网站中执行多个标签。Page插件使您可以轻松地在网站上嵌入和推广任何Facebook Page。就像在Facebook上一样，您的访问者可以在不离开您的站点的情况下喜欢和共享该页面。

将JavaScript SDK一次包含在您的页面中，最好在开始<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/sdk.js#xfbml=1&version=v2.5&appId={APP_ID}";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

展开摘要

将插件代码放置在您希望插件出现在页面上的任何位置。

<div class="fb-page" 
     data-href="https://www.facebook.com/YourPageName" 
     data-tabs="timeline" 
     data-small-header="false" 
     data-adapt-container-width="true" 
     data-hide-cover="false" 
     data-show-facepile="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>

展开摘要

您还可以更改以下设置：

您现在还可以使用新页面插件创建时间轴，事件和消息选项卡：

时间轴标签：将显示您的Facebook页面时间轴的最新帖子。
事件标签：人们可以关注您的页面事件并通过插件订阅事件。
消息标签：人们可以直接从您的网站向您的页面发送消息。人们需要登录才能使用此功能。

<div class="fb-page" 
  data-tabs="timeline,events,messages"
  data-href="https://www.facebook.com/YourPageName"
  data-width="380" 
  data-hide-cover="false">
</div>

展开摘要

Question 5

Like Box / Page插件基本上是一个iframe和丑陋的：D

因此，我创建了自己的免费插件，称为Famax插件以显示FanPage供稿。它类似于“赞”框，但具有更好的UI且更可自定义。

同样，因为“喜欢”框显示在具有固定宽度和高度等的iframe中，所以它实际上没有响应。

Question 6

如果我错了，请纠正我，但Facebook似乎不赞成使用Activity Feed插件。另外，似乎没有任何替代插件可以代替活动了。

这是链接：https : //developers.facebook.com/docs/plugins/activity

Question 7

对于网站开发人员来说，您还有另一种选择，那就是遵循有效的Facebook Graph API教程，例如本教程。

但是，如果你需要一个快速的解决方案，你可以自定义，并立即嵌入Facebook页面饲料，你应该使用的网站插件，如这一个。

以下是逐步指南：

获取免费密钥或付费密钥。
转到此登录页面，然后使用键进行登录。
登录后，单击“ +创建自定义Feed”按钮。
在弹出窗口上，命名您的自定义Facebook页面供稿。
在下拉菜单中，选择“您网站上的Facebook页面供稿”选项。
输入您的Facebook页面ID。
点击“继续”按钮。这将向您显示自定义选项。
点击屏幕右上角的“嵌入网站”按钮。
在弹出窗口中，通过单击“复制代码”按钮复制嵌入代码。
将嵌入代码粘贴到您的网站上。

也可以访问教程链接，在那里观看现场演示。