內嵌回應

內嵌回應可讓您輕鬆地將公開帖子回應(不論是 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 檔中。

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