amp-yotpo

说明

嵌入 Yotpo 站内小组件。

必需脚本

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

支持的布局

填充固定固定高度 flex-item 不显示自适应

概述

您可以使用 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