回應附加程式

用戶可以利用回應附加程式直接在您的網站上,以自己的 Facebook 帳戶回應網站內容。用戶也可以選擇在 Facebook 與朋友(或朋友的朋友)分享他們的回應活動。回應附加程式也包含內建的審核工具和社交相關性排序。

回應附加程式配置工具審核設定調整語言常見問題

步驟

1.選擇網址或專頁

選擇要使用回應附加程式的網站網址。

2.程式碼配置工具

複製網址並貼在下方的程式碼配置工具中。您可以調整設定,如回應附加程式的 width 或預設顯示的帖子數量(num_posts)。點擊取得程式碼按鈕以產生您的回應附加程式程式碼。

3.複製並貼上程式碼片段

複製程式碼片段並貼入您要執行回應的網站或網頁的 HTML。

回應附加程式程式碼產生器

回應的網址
寬度
帖子數量

設定

上方的程式碼配置工具只使用回應附加程式的一部分設定。您還可變更以下設定:

設定 HTML5 屬性 描述 預設值

colorscheme

data-colorscheme

回應附加程式使用的色彩配置。可為「light」(淺色)或「dark」(深色)。

「light」

href

data-href

回應會在附加程式中發佈永久相關的絕對網址。使用附加程式發佈的回應,所有與其相關的 Facebook 分享動態都會連結至此網址。

目前的網址。

mobile

data-mobile

指明是否顯示適合流動裝置瀏覽的版本,為布林值。

自動偵測

num_posts

data-numposts

預設顯示的回應次數。最小值為 1。

10

order_by

data-order-by

回應顯示的順序。可為「social」、「reverse_time」或「time」。各種順序類型說明於常見問題中。

「social」

width

data-width

回應附加程式在網頁上的寬度。該值可以是像素值或流動寬度的百分比(例如 100%)。回應附加程式的流動版會忽略寬度參數,而使用不固定寬度 100%。回應附加程式支援的最小寬度為 320px。

550

回應排序

用戶可使用回應附加程式右上角的選單,按照時間或社群排名來排序回應。

您可使用 data-order-by 屬性和以下三個值來定義預設順序:

social(預設)

也就是所謂的「Top」。回應附加程式會利用社交訊號,將品質最高的回應排在最上面。回應有經過排序,所以會先顯示朋友和朋友的朋友的最相關回應,以及獲得最多「讚好」或積極討論的對話串。標示為垃圾訊息的回應會隱藏起來。

注意: 較舊的回應串(包含那些在回應附加程式發佈前就已經建立的開放式圖表物件)將無法按照社群排序。

time

回應會以發佈的先後順序顯示,頂端是最舊的回應,底端是最新的回應。

reverse_time

回應會以發佈先後的相反順序顯示,頂端是最新的回應,底端是最舊的回應。

變更語言

您可透過載入 Facebook JavaScript SDK 的本地化版本,變更「回應」附加程式的語言。載入 SDK 後,變更 js.src 的值來使用您的語言設定。例如,您可以使用本地語言取代 en_US ,例如法文(法國)的 fr_FR

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.4";

您可能需要調整「社交附加程式」的寬度來配合不同語言。深入瞭解本地化與翻譯

回應審核

回應附加程式包含了強大的審核工具。這個工具可讓您的社群管理團隊輕鬆快速地同時審核多則回應。

設定

若要使用回應審核工具,您需要完成審核設定指示

審核設定指示

請注意,您無法使用 Graph API 回覆由回應附加程式做出的回應。


管理中心

有 2 種導覽至審核工具的方式:

1.基於應用程式的審核檢視: 前往 developers.facebook.com/tools/comments。您會看到您所有 Facebook 應用程式的清單,以便審核與每個應用程式相關的所有回應。如果您未於任何 Facebook 應用程式中使用回應附加程式,就無法使用這個檢視功能。

2.基於專頁的審核檢視: 點擊回應方塊旁的審核工具連結(請見以下的螢幕截圖)。這個檢視僅會顯示發佈至此專頁(網址)的回應。

審核檢視

以下的螢幕截圖顯示了這兩種審核檢視。如果您是使用基於應用程式的審核檢視,可使用選單在應用程式之間切換。

視乎回應的狀態而定,您可在審核表格中批准或隱藏回應。若要變更多則回應的狀態,請使用左欄的選框。

1.基於專頁的審核檢視

在此審核檢視中,會顯示某個特定網址的所有回應。

2.基於應用程式的審核檢視

在此審核檢視中,會顯示您應用程式的所有回應。

3.標記佇列

被用戶或 Facebook 標記的回應會在此顯示。此清單中的回應將取決於應用程式的設定及其舉報方式,可能為公開或隱藏顯示。

4.我的佇列

為幫助開發人員有效分工,您可以使用此功能分配回應給自己審核。其他的版主或管理員仍可以看到分配於此的回應,但分配在您的佇列的回應就不會出現在其他佇列中。

設定

您可為各個應用程式定義自訂設定。使用設定按鈕(在工具的右上角)開啟設定對話框。


版主

您可將其他用戶提拔為回應的版主。在輸入方塊中開始輸入朋友的名稱,輸入提示就會協助您選擇要成為版主的用戶。


回應排序依據

您也可以控制回應的排序方式。進一步瞭解回應排序


審核

您可以為新的回應變更預設能見度。例如,您可能會想批准所有新的回應。如果回應尚未批准,在版主批准回應之前,只有回應人才能看到該則回應。

有三種不同的審核模式:

公開

所有回應都會公開。所有回應也都會顯示在「審查」標籤中。

不公開

所有回應都會隱藏。

黑名單用戶

版主可在「黑名單用戶」標籤中搜尋黑名單用戶。如果新回應來自黑名單用戶,該則回應會自動限制能見度並顯示在「審查」標籤中。


隨著 Facebook SDK 4.28.0 版推出,「回應鏡像」功能也將停用,生效日期為 2018 年 2 月 5 日。

回應鏡像

回應鏡像功能可以讓用戶參與單一的對話,不論該回應是來自您的網頁或是 Facebook 專頁。如果您分享自己的網站連結至 Facebook 專頁,原本在網站上的回應也會出現在 Facebook 的帖子中,反之亦然。這樣就可以在您的 Facebook 專頁與網站中打造更豐富的對話體驗,因為兩邊都會出現回應。

您可以在審核工具中的設定標籤啟用回應鏡像。若要在專頁啟用回應鏡像,您必須是該 Facebook 專頁的專頁管理員。

如果您要啟用回應鏡像功能,讓用戶可以在回應中加入相片,您就必須啟用專頁的允許專頁的訪客發佈帖子功能。若要讓回應鏡像功能正常運作,您必須開放 Facebook 專頁讓所有人存取。

該設定啟用之後所建立的新網頁中才會有回應鏡像的功能。一旦某個網頁啟用回應鏡像功能之後,該功能就無法停用(您只能關閉其他新的網頁的回應鏡像功能),所以如果自動關閉功能已經啟用,且已經分享至您的 Facebook 專頁,則 Facebook 專頁的帖子仍然可以產生新的回應,但您的網頁則無法產生新的回應。

用戶會知道我們使用回應鏡像功能嗎? 當用戶在您的網站撰寫回應時,系統會以訊息提示他們該回應也會出現在您的 Facebook 專頁。若用戶在您的 Facebook 專頁發佈內容撰寫回應,則也會看到相同的訊息提示。


審核如何運作? 所有的回應(無論來自 Facebook 專頁或網站的原始文章)都會顯示於主要 Facebook 回應審核工具中,所以在文章頁面中出現在的所有回應都必須經過審核。如果您在審核工具中隱藏某則回應,該回應也會自動在 Facebook 專頁中隱藏。

網址設定

關閉回應串

在任何使用回應附加程式的網址中,您都可以關閉回應串。這項操作表示用戶無法針對該網頁的討論加入新的回應。您可以在網址「設定」選單中關閉回應串。

覆寫自動關閉

如果您啟用自動關閉,您就可以覆寫已經關閉的回應串,這樣就可以重新啟用回應功能。您可以前往網址「設定」啟用覆寫自動關閉。然後為您負責審核的網址設定合適的關閉狀態。

審核設定

若要使用審核工具,您必須將 Facebook 帳戶或 Facebook 應用程式連結至您的回應附加程式實作。

以 Facebook 應用程式設定(建議使用)

如果您的網站有多個回應方塊,建議您指定 Facebook 應用程式編號為管理實體(該應用程式的所有管理員將都可審核回應)。這樣的方式會在 Facebook 上啟用版主介面,從該介面就可輕鬆同時審核由該應用程式編號管理的所有附加程式的回應。

<meta property="fb:app_id" content="{YOUR_APP_ID}" />

除了透過版主設定新增的用戶之外,該應用程式的所有管理員也都可以審核回應,但只有版主會在您已啟用通知時收到新回應的通知。

當您在網站上建置多個回應方塊,並且指定應用程式編號建立這些回應方塊的連結時,您所選擇的審核設定會套用至所有的回應方塊。

舉例來說,變更審核設定為限制能見度時,同一個應用程式編號下的所有回應方塊都會受到影響。如果需要在網站不同區域套用不同的審核設定,您必須使用兩個或更多的應用程式編號。然後便可針對各組回應方塊套用不同的審核設定。

您可以指定 fb:app_id or fb:admins,但不可同時指定兩者。

分配 Facebook 帳戶作為管理員

若要分配 Facebook 帳戶作為回應附加程式實作的管理員,只需在使用回應附加程式的每個網頁的 <head> 區段中加入下列 meta 元素:

<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/>

若要新增多位版主,請為每一個 Facebook 編號加入一個元素。

<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID_1}"/>
<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID_2}"/>

回應計數器

使用 fb:comments-count 值在網頁的 <span> 元素中顯示特定網址的回應次數。您可以接著使用 CSS 設定此 <span> 元素的樣式,以便符合網站的風格。注意:HTML5 目前無法使用此功能。

例如,若要在 example.com 上顯示回應次數,請使用此程式碼:

<span class="fb-comments-count" data-href="https://example.com/"></span>
awesome comments 

這會顯示:

69391 awesome comments

透過 Graph API 可存取特定網址上的回應次數。舉例來說,example.com 上的回應次數可透過網址節點上 comment_count 欄位的 share 屬性取得:

https://graph.facebook.com/v2.4/?fields=share{comment_count}&amp;id=<YOUR_URL>

Webhook

您可以設定 webhooks,當用戶發佈新回應時,就通知伺服器上的腳本。若要開始操作:

  1. 前往應用程式管理中心
  2. 點擊左側導覽的「+ 新增產品」
  3. 在 Webhooks 區塊點擊「設定」
  4. 在下拉式選單中選擇「應用程式」
  5. 點擊「訂閱此主題」按鈕
  6. 在對話框中輸入腳本網址,該腳本會收到通知,例如:https://example.org/mywebhook.php
  7. 輸入憑證:您選擇的任意字串。該憑證會傳送到您的腳本以便驗證
  8. 設定的最後一步就是點擊「驗證並儲存」按鈕

但在此之前,請先檢視 Webhooks 文件以瞭解安裝腳本的詳情。

這個快速範例將說明簡單的 mywebhook.php 在 PHP 中的模樣。

開始驗證:

<?php
if ($_GET['hub_verify_token'] === 'make-up-a-token') {
  echo $_GET['hub_challenge'];
}

這個 make-up-a-token 與您在上面步驟 7 中輸入的字串相同。

然後只要在回應被發佈時記錄即可:

file_put_contents(
  'log.txt',
  "\n" . file_get_contents('php://input'),
  FILE_APPEND
);
?>

請注意,$_POST 無法在 PHP 中正常運作,您必須有 file_get_contents('php://input')

一旦驗證 Webhook 後,您就會在應用程式管理中心的「Webhooks」區塊中看到「plugin_comment」和「plugin_comment_reply」。

點擊「測試」以再次檢查您的安裝能獲得相同的回應,然後點擊「訂閱」即可正式啟用。

請參閱 Webhooks 參考資料文件以進一步瞭解可用回應的詳情。