有沒有在我的網站上嵌入Facebook圖片的方法，它也允許喜歡，評論等？

有沒有一種方法可以在我的網站上顯示臉書照片，這讓用戶可以像我的網站上的評論一樣？我要顯示我的Facebook頁面（這是公開的）的照相館，但隨着用戶能夠喜歡它的能力，發表評論等有沒有在我的網站上嵌入Facebook圖片的方法，它也允許喜歡，評論等？

來源

2013-06-19 KingKongFrog

對於那些誰仍然需要這個功能，可惜還是有沒有辦法讓用戶喜歡和網站上的Facebook相冊評論。但是你仍然可以顯示或嵌入它。您可以使用網站插件，如本教程中的插件https://www.displaysocialmedia.com/embed-show-display-facebook-photo-album-on-website/ – Emkey

經過很多挖掘後，我發現我正在尋找什麼，並且不需要SDK！

如何嵌入Facebook的帖子

的Facebook推出了「嵌入式帖」功能，幫助你嵌入任何Facebook的職位 - 你可以嵌入圖片，視頻或定期的狀態更新 - 在其他網站或博客。例如，如果名人在他或她的Facebook頁面上分享了照片，則可以通過添加一行代碼輕鬆地將該圖像嵌入到您的網站中。

只要內容所有者已將該帖子的可見性設置爲公開，您就可以嵌入Facebook頁面和個人配置文件中共享的任何內容。

雖然有一點小問題。 Facebook已經爲包括CNN，Mashable和The Huffington Post在內的一些大型網絡發行商啓用了Embedded Posts功能。其他人都必須等待將Embed鏈接與他們的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發佈和複製後的永久（永久網址）。您可以右鍵單擊帖子的日期以確定其固定鏈接。接下來將上面代碼段中的YOUR_URL_HERE替換爲您剛剛複製的永久鏈接，並將修改後的代碼段粘貼到您網站的任意位置。完成！

如果您希望在同一網頁上嵌入另一個Facebook帖子，則不必複製粘貼整個片段。只需添加一個新元素，並將href的值設置爲Facebook Post的固定鏈接。視頻教程更詳細地解釋了這一點。

這裏是一個博客帖子，解釋這一切： http://www.labnol.org/internet/embed-facebook-post/28151/

來源

2013-08-07 23:18:58 KingKongFrog

請注意，Facebook的嵌入式帖子甚至沒有一點點響應友好，如果你正在設計一個響應式網站，這可能是一個大問題。 –

@ChrisHeald如果您刪除了它們響應的'data-width'屬性。至少當他們被裝載時。 – Daniel

我的評論是在2年前發佈的 - 我確信事情發生了變化。 –

有沒有開箱即用解決方案，我所知道的 -

我會做的是在Facebook上使用facebook javascript sdk在網站上放置元素來構建應用程序。

你需要做的第一件事就是讓人們登錄 - 一旦你有了這些，如果你熟悉JavaScript，你可以很容易地顯示照片，評論框和像框。

Facebook也有一堆插件評論/喜歡和whatnot，但沒有照片atm。

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

來源

2013-06-19 23:28:32 Strat

您可以使用Facebook的圖形API來獲取各種JSON源包括照片信息。但是，如果你打算使用Facebook自己的喜歡和評論選項，這些只是基於每個網址，你不能爲實際的圖像。一種解決方法是每個URL有1個圖像。

來源

2013-06-28 21:13:33

我已經使用Facebook SDK for Javascript構建了一個類似的應用程序。只需遵循幾個簡單的步驟，如下所示。

步驟1：初始化的Javascript SDK爲FB

步驟2：使用JavaScript的FBlogin SDK

步驟3：用圖形API獲得JSON的照片URL..for實施例：

FB。 API（ '/ ME /照片'，函數（響應）{執行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

來源

2013-06-29 03:40:56 min2bro

有沒有在我的網站上嵌入Facebook圖片的方法，它也允許喜歡，評論等？

回答

相關問題