如何将Facebook页面的近期活动纳入网站?

时间:2011-10-22 12:55:29

标签: facebook facebook-page

我看到有很多关于Facebook整合的主题,但我还没找到我想要的东西。 我有一个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页面没有任何关系:|

有办法吗?

3 个答案:

答案 0 :(得分:6)

您可能正在寻找Like Box plugin:它会显示您网页墙的供稿,并允许用户直接从您的网页上浏览您的Facebook页面

答案 1 :(得分:0)

我认为您正在尝试在您的网页中嵌入代码,以便显示活动Feed。如果我的假设是正确的,请回答:https://developers.facebook.com/docs/plugins/activity

答案 2 :(得分:0)

此示例(最初来自Stack Overflow Documentation)显示了如何获取Facebook访问令牌以及如何使用令牌获取FB源和数据以显示您的网站:

示例:

中提供了一个实例
  

https://newtonjoshua.com

图表API简介:

Graph API是将数据输入和输出Facebook平台的主要方式。它是一种基于HTTP的低级API,可用于查询数据,发布新故事,管理广告,上传照片以及应用可能需要执行的各种其他任务。

FaceBook应用

  

https://developers.facebook.com

创建Facebook应用。您将获得App_IdApp_Secret

图形API资源管理器:

  

https://developers.facebook.com/tools/explorer/ {{App_Id}} /方法= GET&安培;路径=我%2Ffeed&安培;版本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 = <强> {{短命-的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将在2个月后过期。之后创建一个新的access_token。