AMP

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

amp-playbuzz

說明

顯示任何 Playbuzz 項目內容 (例如:列表、投票等)。

 

必要指令碼

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

支援的版面配置

可以是取自 playbuzz.com 的任何項目網址。

範例

透過純網址呈現 Playbuzz 項目 (不含資訊、分享按鈕、留言)

<amp-playbuzz
  src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies"
  height="500"
>
</amp-playbuzz>

透過項目 ID 呈現 Playbuzz 項目 (可在項目的嵌入程式碼中找到)

<amp-playbuzz data-item="a6aa5a14-8888-4618-b2e3-fe6a30d8c51b" height="500">
</amp-playbuzz>

包含選用參數 (資訊、分享按鈕、留言)

<amp-playbuzz
  src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies"
  height="500"
  data-item-info="true"
  data-share-buttons="true"
  data-comments="true"
>
</amp-playbuzz>

必要屬性

以下項目擇一即可

src Playbuzz 項目的網址。可以是取自 playbuzz.com 的任何項目網址
data-item Playbuzz 項目的項目 ID。可從項目在 Playbuzz 網站頁面上的嵌入程式碼中取得

注意:如果同時提供這兩個屬性,系統會使用 data-item

選用屬性

data-item-info (選用) 指出是否顯示資料資訊,例如建立日期、建立者名稱等。
data-share-buttons (選用) 指出是否顯示分享按鈕。
data-comments (選用) 指出是否顯示使用者留言。
通用屬性 這個元素包含擴充至 AMP 元件的[通用屬性](https://amp.dev.org.tw/documentation/guides-and-tutorials/learn/common_attributes)。

驗證

請參閱 AMP 驗證工具規格中的 [amp-playbuzz 規則](https://github.com/ampproject/amphtml/blob/main/extensions/amp-playbuzz/validator-amp-playbuzz.protoascii)。

需要更多協助嗎?

您已經讀過這份文件很多次,但內容還是無法解答您的所有疑問嗎?或許其他人也有相同的感受:請在 Stack Overflow 上向他們求助。

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

AMP 專案大力鼓勵您的參與和貢獻!我們希望您能持續參與我們的開放原始碼社群,同時也歡迎您針對自己特別感興趣的問題提供一次性的貢獻。

前往 GitHub