AMP

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

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 規則

需要更多協助嗎?

您已經閱讀本文件許多次,但仍未涵蓋所有問題?或許其他人也有相同感受:請在 Stack Overflow 上與他們聯繫。

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

AMP 專案大力鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,同時也歡迎您針對特別感興趣的問題做出一次性貢獻。

前往 GitHub