Question

有没有办法在我的网站上显示facebook pics，允许用户喜欢，评论等来自我的网站？我想显示我的Facebook页面的照片库（这是公开的），但用户能够喜欢它，评论等。

Answer 1

我知道没有开箱即用的解决方案 -

我要做的是使用facebook javascript sdk在facebook上构建一个应用程序，以便在网站上放置元素。

你需要做的第一件事是让人们登录 - 一旦你有了，你可以很容易地显示照片，评论框和类似的盒子，如果你完全熟悉javascript。

Facebook还有很多评论/喜欢和诸如此类的插件，但没有照片atm。

https://developers.facebook.com/docs/plugins/

Answer 2

我使用Facebook SDK for Javascript构建了一个类似的应用程序。只需按照以下几个简单步骤操作即可。

第1步：为FB初始化Javascript SDK

第2步：使用javascript SDK进行FBlogin

步骤3：使用图形API获取照片URL的JSON ..例如：

FB.api（'/ me / photos'，function（response）{console.log（response.data.picture）}

 "data": [
    {
      "id": "4864649943833", 
      "from": {
        "name": "XYZ", 
        "id": "1524800660"
      }, 
      "name": "From left to right: A, B& C!", 
      "picture": "http://photos-h.ak.fbcdn.net/hphotos-ak-ash4/481890_4824639963833_259133397_s.jpg", 
      "source": "http://sphotos-h.ak.fbcdn.net/hphotos-ak-ash4/s720x720/481890xyz_4864549843833_259133397_n.jpg", 
      "height": 405, 
      "width": 720, 
      "images": [
        {
          "height": 540, 
          "width": 960, 
          "source": "http://sphotos-h.ak.fbcdn.net/hphotos-ak-ash4/481890_4864649943833_259133397_n.jpg"
        },

步骤4：如果您想要显示朋友照片画廊，请首先获取访问令牌并获取/我/朋友/照片或/我//照片

步骤5：按照网址合并照片的相似内容和评论。 https://developers.facebook.com/docs/javascript/gettingstarted/#plugins

Answer 3

您可以使用facebook的图形api来检索各种JSON提要，包括照片信息。但是，如果您打算使用Facebook自己的喜欢和评论选项，这些只是基于每个网址，你不能用于实际图像。一种方法是每个网址有1个图像。

Answer 4

经过多次挖掘后，我发现了我正在寻找的东西，而且不需要SDK !!

如何嵌入Facebook帖子

Facebook推出了一项“嵌入式帖子”功能，可以帮助您嵌入任何Facebook帖子 - 您可以在其他网站或博客上嵌入照片，视频或定期状态更新。例如，如果名人在他或她的Facebook页面上分享了一张照片，您可以通过添加一行代码轻松地将该图像嵌入您的网站。

只要内容所有者已将该帖子的可见性设置为公开，您就可以嵌入在Facebook页面和个人资料上共享的任何内容。

虽然有一个小问题。 Facebook为包括CNN，Mashable和The Huffington Post在内的少数大型网络发布商启用了Embedded Posts功能。其他人将不得不等待看到嵌入链接与他们的Facebook内容一起。

然而，有一个简单的解决方法，即使“嵌入式帖子”没有正式提供给该Facebook帐户，也可以让您在网站上嵌入任何Facebook内容。

为嵌入式帖子嵌入代码

<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/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-post" data-href="YOUR_URL_HERE"></div>

打开任何Facebook帖子并复制该帖子的永久链接（永久URL）。您可以右键单击帖子的日期以确定其永久链接。接下来，使用您刚刚复制的固定链接替换上面代码段中的YOUR_URL_HERE，并将修改后的代码段粘贴到您网站的任何位置。完成！

如果您希望在同一网页上嵌入另一篇Facebook帖子，则无需复制粘贴整个代码段。只需添加一个新元素并将href的值设置为Facebook Post的固定链接。视频教程更详细地解释了这一点。

这是一篇博客文章，解释了所有内容： http://www.labnol.org/internet/embed-facebook-post/28151/

有没有办法在我的网站上嵌入Facebook图片，这也允许喜欢，评论等？

4 个答案: