amp-yotpo

描述

嵌入 Yotpo 站内小部件。

必需脚本

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

支持的布局

填充固定固定高度弹性项目不显示响应式

概述

您可以使用 amp-yotpo 扩展程序来显示 Yotpo 站内小部件。

示例：显示 Yotpo 底线小部件

<amp-yotpo
  width="550"
  height="100"
  data-app-key="liSBkl621ZZsb88tsckAs6Bzx6jQeTJTv8CDf8y5"
  data-widget-type="BottomLine"
  data-product-id="9408616206"
>
</amp-yotpo>

示例：显示评论小部件

<amp-yotpo
  width="550"
  height="700"
  layout="responsive"
  data-app-key="liSBkl621ZZsb88tsckAs6Bzx6jQeTJTv8CDf8y5"
  data-widget-type="MainWidget"
  data-product-id="9408616206"
  data-name="hockey skates"
  data-url="https://ranabram.myshopify.com/products/hockey-skates"
  data-image-url="https://ichef.bbci.co.uk/news/320/media/images/83351000/jpg/_83351965_explorer273lincolnshirewoldssouthpicturebynicholassilkstone.jpg"
  data-descriptipn="skates"
  data-yotpo-element-id="1"
>
</amp-yotpo>

属性

data-app-key (必需)	指定帐户应用密钥。例如，`liSBkl621ZZsb88tsckAs6Bzx6jQeTJTv8CDf8y5`。
data- (可选)**	每个 Yotpo 小部件都有可选的数据属性。例如，评论小部件有一个名为 `product-id` 的可选属性。请参阅 Yottpo 的文档，了解要指定哪些属性。使用 `amp-yotpo` 扩展程序时，对于每个对应的 Yotpo 属性，请在属性前面加上 `data`。例如，`product-id` 属性变为 `data-product-id`。
title (可选)	为组件定义一个 `title` 属性。默认值为 `Yotpo widget`。
通用属性	此元素包含扩展到 AMP 组件的通用属性。

验证

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

需要更多帮助？

您已经阅读此文档很多次了，但它并没有真正涵盖您所有的问题？也许其他人也有同感：在 Stack Overflow 上联系他们。

前往 Stack Overflow

发现错误或缺少功能？

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

前往 GitHub