如何将Facebook页面的最近活动添加到网站中？

我看到很多与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页面：|

有没有办法做到这一点？

来源

2011-10-22 Alexa Adrian

你可能寻找Like Box plugin：这说明你的页面的墙的饲料，并允许用户直接从您的网页喜欢你的Facebook页面

来源

2011-10-22 12:59:13 Igy

谢谢Igy;这正是我所期待的;） –

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

来源

2014-08-25 19:49:35 StefaDesign

此示例（最初来自Stack Overflow文档）显示了如何获取Facebook访问令牌以及如何使用令牌获取FB源和数据来显示您的网站：

实施例：

阿活例子可在

https://newtonjoshua.com

介绍图形API：

的图形API是进入和离开Facebook的平台上的数据的主要方式。这是一个低级别的基于HTTP的API，您可以使用它来查询数据，发布新故事，管理广告，上传照片以及应用程序可能需要执行的各种其他任务。

Facebook应用程序：

https://developers.facebook.com

创建一个Facebook应用程序。你会得到一个App_Id和App_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 onths。

访问令牌调试器：

https://developers.facebook.com/tools/debug/accesstoken?q={{}的access_token} &版本V2.8 =

您可以检查检查access_token的细节。

的Facebook SDK为JavaScript：

包括下面的JavaScript在HTML的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>

使用图形API浏览器来设计你的查询，应在“字段”中输入（例如：“ID，图片{URL}，盖，进料”）

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

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

注：您access_token将在第2个月后到期。之后创建一个新的access_token。

来源

2016-09-13 15:17:19

如何将Facebook页面的最近活动添加到网站中？

回答

相关问题