如何将Facebook页面的Feedembedded到我的网站中

我正在和一个小组合作，帮助推动慈善活动。 我想embedded的页面不是我的Facebook个人资料，而是一个人创build的Facebook页面。

我想在我的网页上显示新闻提要。 如果我需要从这个页面获得信息/访问，请让我知道。 如果有其他人有一个工作的例子，请让我知道。 我一直在使用jsfiddle.net来绘制它。

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

呃，这很简单，不需要编程。

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

你会想保持show stream选项打开。 你可以调整宽度和高度以及其他一些东西。

在新的页面插件，你可以在你的网站做多个选项卡。 Page插件可让您轻松embedded和推广您网站上的任何Facebook页面。 就像在Facebook上一样，您的访客可以在不离开您的网站的情况下喜欢和分享网页。

  1. 在您的页面上包含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>

如果你正在寻找一个自定义的代码，而不是插件，那么这可能会帮助你。 Facebookgraphics已经发生了一些变化。 这些步骤是我最近试过的最新Graph API，并且运行良好。

有两个主要步骤 – 1.获取Facebook访问令牌，2.调用通过访问令牌的graphicsAPI。

1.获取访问令牌 – 下面是逐步获取Facebook页面的访问令牌的过程。 – 在我的网站上embeddedFacebook页面供稿 。 正因为如此，你需要在Facebook开发者页面创build一个应用程序，它会给你一个应用程序ID和一个应用程序的秘密。 使用这两个并获得访问令牌。

2.调用Graph API – 一旦获得访问令牌，这将非常简单。 您只需要为所有需要检索的字段/属性构成Graph API的URL，并向此URL发出GET请求。 这里是一个关于如何在asp.net MVC中实现的例子。 使用asp.net mvcembeddedFacebook供稿 。 在任何其他技术中，这应该是非常相似的，因为它只是一个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 ://graph.facebook.com/FBPageName/posts https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE fields https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE full_picture,picture,link,message,created_time https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE limit https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE access_token https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE YOUR_ACCESS_TOKEN_HERE

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

所以我创build了我自己的免费插件，我称之为Famax插件来显示FanPage提要。 它与类似的框相似，但是具有更好的UI并且更可定制。

另外，因为“喜欢”框显示在固定宽度和高度的iframe中，所以它不是真正的响应。

纠正我，如果我错了，但似乎Facebook弃用活动饲料插件。 另外，似乎没有任何活动替代插件了。

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

对于网站开发者来说，你有另一个select是遵循一个像这样的工作的Facebook Graph API教程。

但是，如果您需要一个快速解决scheme，您可以即时自定义和embeddedFacebook页面供稿，则应使用此类网站插件。

以下是一步一步的指导：

  1. 获得一个免费的钥匙或付费钥匙 。
  2. 转到此login页面并使用密钥login。
  3. login后，点击“+创build自定义Feed”button。
  4. 在popup窗口中，将您的自定义Facebook页面订阅源命名。
  5. 在下拉列表中select“Facebook页面在您的网站上”选项。
  6. input您的Facebook页面ID。
  7. 点击“继续”button。 这将显示您的自定义选项。
  8. 点击位于屏幕右上angular的“embedded网站”button。
  9. 在popup的对话框中，点击“复制代码”button复制embedded代码。
  10. 将embedded代码粘贴到您的网站上。

访问教程链接以查看现场演示。

Interesting Posts