設置Facebook評論網頁插件

根據社交狀態，Facebook評論插件的默認排序順序爲。如何在我的網頁上將默認訂單設置爲反向時間順序？設置Facebook評論網頁插件

我知道插件頂部有一個選項。但並不是所有的用戶都知道它，排序順序很混亂。

2011-09-20 Jan Turoň

只是猜測，我添加

data-order-by="reverse_time"

到Facebook提供div和它很好地工作。因此，裝載在這裏提供的標準的HTML5代碼pluging：https://developers.facebook.com/docs/reference/plugins/comments/

只需添加data-order-by屬性是這樣的：

<div class="fb-comments" data-href="YOUR_URL" data-width="470" data-num-posts="6" data-order-by="reverse_time"></div>

2013-04-24 22:39:00 Jorge

看起來不錯 –

正是我所需要的，即使在審覈頁面中設置了默認值d ID不是。謝謝！ – Kelly

您無法更改評論插件的默認排序順序。爲了達到這樣的目的，你可以自己檢索評論，例如使用FQL，但是你也需要構建其他所有內容。或者使用像Disqus這樣的東西。

2011-09-20 11:01:33 chwk

我簡直不敢相信這樣一個着名的插件沒有這樣的基本功能... –

好吧，社交插件沒有使用CSS來設計樣式的方法 - 儘管這樣做會使得集成他們對很多網站設計非常困難，許多開發人員也表達了他們的不滿。 Facebook希望我們使用「社會相關性」排序，他們正在執行它。它沉沒或游泳。 – chwk

我google搜索了很多沒有成功，所以我解決了這個被一些反向engeneering ...

使用某些瀏覽器代碼檢查，看看哪個iframe是由Facebook的JavaScript代碼添加註釋插入插件安裝到頁。複製該iframe的facebook_crazy_url（請參閱步驟2）。插入的IFRAME似乎是被需要運行的意見正確
擺脫JavaScript和插入自己的iframe，而不是FB的唯一的事情：設置URL爲「https://www.facebook.com/plugins/comments.php?channel_url=facebook_crazy_url & ORDER_BY = reverse_time」

2011-10-02 10:23:12

我試過了，它似乎沒有爲我工作。其他人得到這個工作？目前。 – CaptainBli

這僅適用於註銷FB的用戶。去圖 – adamJLev

@Jan：我已經在我的網站上試過了你的解決方案，它工作。我只有一個觀察：根據我在「num_posts」參數上設置的帖子數，我無法動態設置高度。它適用於默認的Facebook SDK Javascript/HTML代碼，但不適用於此方法。有什麼想法嗎？ – XpiritO

由JanTuroň的解決方案的啓發另一種選擇：

<div id="comments"><fb:comments ...></fb:comments></div>

$('#comments iframe').attr('src', $('#comments iframe').attr('src') + '&order_by=reverse_time')

當然，你也可以做到這一點沒有jQuery的。

它加載評論的框架兩次，但它可以在所有情況下工作，無需對iframe的src進行編碼。

2011-12-17 23:43:44 Fabrice

...和jQuery代碼需要後FB後JavaScript（兩個代碼是同步的） –

這是什麼「之後FB javascrip」的意思是「。我試圖加載js sdk同步，然後把該行的jquery代碼位於html頁面的末尾，但它不起作用 –

@Eddy Chan：facebook javascript創建了iframe，Fabrices的jQuery代碼更新了該iframe的src，因此必須在iframe完成後調用它。 –

如果您訪問https://developers.facebook.com/tools/comments/ {YOUR_APP_ID} /然後點擊設置鏈接，它將讓你編輯「排序評論」設置。

的選擇是：

據https://developers.facebook.com/docs/plugins/comments/#moderation-setup-instructions，你的網頁必須有一個標籤像<meta property="fb:app_id" content="{YOUR_APP_ID}" />。

P.S.不幸的是，因爲我使用的是ClickFunnels，添加這個標籤似乎沒有任何效果。我需要完全控制我的網頁（而不是使用像ClickFunnels這樣的簡化工具）。

2016-08-01 01:47:24 Ryan

回答