3

有没有办法在我的网站上显示 Facebook 图片,允许用户从我的网站点赞、评论等?我想显示我的 facebook 页面(是公开的)的照片库,但用户能够喜欢它、发表评论等。

4

4 回答 4

1

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

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

你需要做的第一件事是让人们登录——一旦你登录了,你可以很容易地显示照片、评论框和喜欢框,如果你完全熟悉 javascript。

Facebook 也有一堆用于评论/点赞之类的插件,但没有照片自动取款机。

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

于 2013-06-19T23:28:32.907 回答
1

我已经使用 Facebook SDK for Javascript 构建了一个类似的应用程序。只需遵循几个简单的步骤,如下所示。

第 1 步:为 FB 初始化 Javascript SDK

第 2 步:使用 javascript SDK 进行 FLogin

第 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"
        }, 

第四步:如果你想展示朋友的照片库,首先获取访问令牌,然后获取 /me/friends/photos 或 /me//photos

第 5 步:按照 URL 合并照片的喜欢和评论。 https://developers.facebook.com/docs/javascript/gettingstarted/#plugins

于 2013-06-29T03:40:56.037 回答
0

您可以使用 facebook 的图形 API 来检索各种 JSON 提要,包括照片信息。但是,如果您打算使用 facebook 自己的点赞和评论选项,这些选项仅基于每个 url,您无法对实际图像执行此操作。一种解决方法是每个网址有 1 张图片。

于 2013-06-28T21:13:33.343 回答
0

经过大量挖掘后,我找到了我正在寻找的东西,并且不需要 SDK!

如何嵌入 Facebook 帖子

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

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

不过有一个小问题。Facebook 已为包括 CNN、Mashable 和 The Huffington Post 在内的少数大型网络出版商启用了嵌入式帖子功能。其他所有人都必须等待在他们的 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 帖子的永久链接。视频教程更详细地解释了这一点。

这是一个解释这一切的博文: http ://www.labnol.org/internet/embed-facebook-post/28151/

于 2013-08-07T23:18:58.127 回答