內嵌留言

內嵌留言可讓您輕鬆地將公開貼文留言(不論是 Facebook 粉絲專頁或是用戶的留言)置入您的網站或網頁內容中。您僅能內嵌 Facebook 粉絲專頁和個人檔案的公開留言。

設定版面配置

步驟

1.選擇留言連結

挑選要用於內嵌留言外掛程式的留言連結。若要取得留言連結,請在留言旁的時間戳記上點擊右鍵,然後複製連結位址(詳情請見:取得留言網址)。

2.更新 HTML 程式碼片段

將屬性 data-href 更新為您的留言網址:

<!-- Load Facebook SDK for JavaScript -->
<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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your embedded comments code -->
<div class="fb-comment-embed"
   data-href="https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185"
   data-width="500"></div>

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

複製該程式碼片段,然後貼至目標網站的 HTML。

內嵌留言程式碼產生器

設定

以上配置器並未包含內嵌影片播放器的全部設定。您還可變更以下設定:

設定 說明 預設

data-href

留言的絕對網址。

n/a

data-width

內嵌留言容器寬度。下限為 220px

在桌面版為 560px。此參數在行動版會遭忽略,寬度一律為 100%(彈性寬度)。

data-include-parent

設為 true 可包含上層留言(如果網址為回覆的話)。

false

取得留言網址

若要取得留言網址:

  1. 點擊留言的發佈時間(例如:下方螢幕截圖中以紅色標示的「18 小時」)。等候網頁重新載入。
  2. 瀏覽器網址列複製更新的網址。這個網址應該會包含字串 comment_id=(請見螢幕截圖)。

桌面版的版面配置

您可以透過內嵌留言標籤中的 data-width 屬性,調整內嵌留言在桌面版上的寬度,如以下範例所示。選擇從 350750 之間的像素值。

請勿使用 CSS 樣式標籤來調整外掛程式的大小,這樣可能會造成顯示錯誤。

<!-- WRONG! -->
<style type="text/css">
.fb-comment-comment {
  width: 500px;
}
</style>
<div class="fb-comment-comment" data-href="{your-comment-url}"></div>

<!-- CORRECT -->
<div class="fb-comment-comment" data-href="{your-comment-url}" data-width="500"></div>

從 Facebook 內嵌

您可以從 Facebook 公開留言直接取得內嵌程式碼。

從留言外掛程式內嵌

您可以從留言外掛程式直接取得內嵌程式碼。

變更語言

您可以透過載入 Facebook JavaScript SDK 的本地化版本,變更內嵌留言外掛程式的語言。載入 SDK 後,變更 js.src 的值來使用您的語言設定。將 en_US 替換為您的語言設定,例如 fr_FR 為法語(法國):

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

支援的語言設定列於 Facebook 語言設定 XML 檔案中。

您可能需要調整社交外掛程式的寬度來配合不同語言。您可在本地化和翻譯頁面找到更多資訊。