AMP

重要提示:此文档不适用于您当前选择的格式广告

amp-playbuzz

描述

显示任何 Playbuzz 项目内容(例如,列表、投票等)。

 

必需的脚本

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

支持的布局

可以是来自 playbuzz.com 的任何项目 URL。

示例

通过纯 URL 的 Playbuzz 项目(不包含信息、分享按钮、评论)

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

通过 item-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 项目的 URL。可以是来自 playbuzz.com 的任何项目 URL
data-item Playbuzz 项目的项目 ID。可以从项目的嵌入代码中获取(在 Playbuzz 网站的项目页面上)

注意:如果同时存在这两个属性,则使用 data-item

可选属性

data-item-info (可选) 指示是否显示数据信息,例如创建日期、创建者姓名等。
data-share-buttons(可选) 指示是否显示分享按钮。
data-comments(可选) 指示是否显示用户评论。
通用属性 此元素包含扩展到 AMP 组件的[通用属性](https://amp.org.cn/documentation/guides-and-tutorials/learn/common_attributes)。

验证

请参阅 AMP 验证器规范中的 amp-playbuzz 规则

需要更多帮助?

您已经阅读本文档十几次,但它并没有真正涵盖您的所有问题?也许其他人也有同样的感受:请在 Stack Overflow 上与他们联系。

转到 Stack Overflow
发现错误或缺少功能?

AMP 项目强烈鼓励您的参与和贡献!我们希望您成为我们开源社区的长期参与者,但我们也欢迎您为自己特别关注的问题做出一次性贡献。

转到 GitHub