AMP

重要事項:本文件不適用於您目前選取的格式 電子郵件

amp-facebook-comments

說明

嵌入 Facebook 留言外掛程式。

 

必要指令碼

<script async custom-element="amp-facebook-comments" src="https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js"></script>

用法

使用 amp-facebook-comments 元件來嵌入 Facebook 留言外掛程式

<amp-facebook-comments
  width="486"
  height="657"
  layout="responsive"
  data-numposts="5"
  data-href="http://www.directlyrics.com/adele-25-complete-album-lyrics-news.html"
>
</amp-facebook-comments>

屬性

data-href

留言頁面的網址。例如:http://www.directlyrics.com/adele-25-complete-album-lyrics-news.html

data-locale (選填)

預設情況下,語言代碼會設為使用者的系統語言;不過,您也可以指定語言代碼。

如需更多關於此處接受字串的詳細資訊,請造訪 Facebook API 本地化頁面

data-numposts (選填)

要顯示的留言數量。目前 Facebook SDK 將此數量限制為最多 100 則。如需詳細資訊,請參閱 Facebook 留言文件

data-order-by (選填)

顯示留言時使用的排序方式。如需詳細資訊,請參閱 Facebook 留言文件

title (選填)

為元件定義 title 屬性,以便傳播至底層的 <iframe> 元素。預設值為 "Facebook 留言"

通用屬性

這個元素包含擴充至 AMP 元件的通用屬性

已淘汰的屬性

data-colorscheme (選填)

配色。如需詳細資訊,請參閱 Facebook 留言文件

注意:Facebook 已不再支援這個屬性。如需更多詳細資訊,請追蹤我們的 追蹤問題Facebook 的錯誤報告

驗證

請參閱 AMP 驗證工具規格中的 amp-facebook-comments 規則

需要更多協助嗎?

您已經讀過這份文件好幾次,但內容還是沒有涵蓋您的所有問題嗎?或許其他人也有相同感受:請在 Stack Overflow 上與他們交流。

前往 Stack Overflow
發現錯誤或缺少功能?

AMP 專案大力鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎您針對自己特別關注的問題提供一次性的貢獻。

前往 GitHub