如何将Facebook页面最近的活动包含到网站中

Question

我看到Facebook集成有很多主题，但我还没有找到我想要的。我有一个Facebook页面和一个网站。我想把最近的活动从我的脸书页面纳入我的网站。我发现这个代码

<div class="fb-activity" data-site="www.site.ro" data-width="160" data-height="300"  data-header="true" data-border-color="#ffffff" data-recommendations="false"></div>

但这会得到我朋友最近的活动，与我的facebook页面无关：|

有办法做到这一点吗？

Answer 1

您可能正在寻找Like Box插件：它显示页面墙的提要，并允许用户直接从您的网页中点赞您的Facebook页面

Answer 2

我认为您正试图在网页中嵌入代码，以便显示活动提要。如果我的假设是正确的，下面是你的答案：https://developers.facebook.com/docs/plugins/activity

Answer 3

这个例子(最初来自Stack Overflow文档(展示了如何获得Facebook访问令牌，以及如何使用令牌获取FB提要和数据以显示您的网站：

示例：

中提供了一个实际示例

https://newtonjoshua.com

图形API简介：

Graph API是获取Facebook平台内外数据的主要方式。这是一个基于HTTPs的低级API，您可以使用它来查询数据、发布新故事、管理广告、上传照片以及应用程序可能需要执行的各种其他任务

FaceBook应用程序：

https://developers.facebook.com

创建一个Facebook应用程序。您将获得App_Id和App_Secret

图形API浏览器：

https://developers.facebook.com/tools/explorer/{{App_Id}}/？method=GET&路径=me%2Feed&版本=v2.8

你会得到一个寿命很短的access_token。这将是我们的short_lived_access_token。

注意：创建访问令牌时，请选择所需的所有fb字段。这将授予访问令牌获取这些字段的权限。

访问令牌扩展：

https://graph.facebook.com/oauth/access_token?grant_type=fb_exchange_token&client_id＝｛｛App_id｝｝&client_secret=｛｛App_secret｝｝&fb_exchange_token=｛｛shortlived-access_token｝｝

您将获得有效期为2个月的access_token。

访问令牌调试器：

https://developers.facebook.com/tools/debug/accesstoken？q＝｛｛access_token｝｝&版本=v2.8

您可以查看access_token的详细信息。

用于JavaScript的Facebook SDK：

在HTML中包含以下JavaScript，以便将SDK异步加载到页面中

<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";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

图形API：

让我们做一个API调用来获取我们的FB id、个人资料图片、封面图片和提要。

<script>
window.fbAsyncInit = function () {
    FB.init({
        appId: '{{App_Id }}',
        xfbml: true,
        version: 'v2.7'
    });
    FB.api(
        '/me',
        'GET', {
            fields: 'id,picture{url},cover,feed',
            access_token: {{access_token}}
        },
        function (response) {
        if (response.error) {
                console.error(response.error.message);
            }
            if (response.picture.data.url) {
                profilePic = response.picture.data.url;
            }
            if (response.cover.source) {
                coverPic = response.cover.source;
            }
            if (response.feed.data) {
        feeds = response.feed.data;
                feeds.forEach(function (feed) {
            // view each feed content
                });
            }
            if (response.feed.paging.next) {
                nextFeedPage = response.feed.paging.next;
        // a request to nextFeedPage will give the next set of feeds
            }
        }
    );
};
</script>

使用Graph API资源管理器设计应在"字段"(例如："id，picture｛url｝，cover，feed"(中输入的查询

现在，您可以使用access_token从facebook Graph API获取您的facebook数据。

请参阅https://developers.facebook.com/docs/graph-api/overview/

注意：您的access_token将在两个月后过期。之后创建一个新的access_token。