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

问题描述

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

我想在我的网页上显示新闻资讯提供。如果我需要从这个页面获取信息/访问权限，请通知我。如果有人有个例子，请通知我。我一直在使用 jsfiddle.net 来绘制它。

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

最佳解决方案

啊，这太简单了，不需要编程。

参见：https://developers.facebook.com/docs/plugins/page-plugin

您将要保持打开 show stream 选项。你可以调整宽度和高度等等。

次佳解决方案

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

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

1. 获取访问令牌 – 以下是获取 Facebook 页面的访问令牌的逐步过程。 – Embed Facebook page feed on my website 。因此，您需要在 Facebook 开发人员页面中创建一个应用程序，这将为您提供应用程序 ID 和应用程序秘密。使用这两个并获取访问令牌。

2. 调用 Graph API – 获取访问令牌后，这将非常简单。您只需要形成一个 URL 到 Graph API，其中包含您要检索的所有字段/属性，并向该 URL 发出 GET 请求。这是一个在 asp.net MVC 中如何做的例子。 Embedding facebook feeds using asp.net mvc 。在任何其他技术中，这应该是非常相似的，因为它只是一个 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

第三种解决方案

喜欢盒/页面插件基本上是一个 iframe 和丑陋的：D

所以我创建了我自己的免费插件，我称之为 Famax plugin 来显示 FanPage Feed 。它类似于盒子，但具有更好的 UI，更可自定义。

另外因为 Like 框显示在一个固定的宽度和高度等的 iframe 中，它并没有真正的响应。

参考文献

• How to embed a Facebook page’s feed into my website

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。