重要事項:本文件不適用於您目前選取的格式廣告!
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