Question

我在AMPed页面添加了AMP-Pinterest。我想设置这个属性 data-pin-hover="true"获取图片上的PinIt按钮。由于某种原因，它不起作用。

这是我到目前为止所做的：

这是<head>：

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

（当然还有其他AMP的东西）

这是<body>：

<amp-pinterest height=28 width=56
    data-do="buttonPin"
    data-url="URL"
    data-media="IMG_URL"
    data-pin-hover="true"
    data-description="DESC">
</amp-pinterest>

我还在data-pin-nopin="false"声明中添加了data-pin-no-hover="false"和amp-img's（以防万一，默认情况下设置为false。此处有更多信息：https://www.ampproject.org/docs/reference/components/amp-pinterest）：

<amp-img alt="NAME" src="IMG_URL" width="600"
height="400" layout="responsive"  data-pin-nopin="false"
data-pin-no-hover="false" />

但它仍然不起作用（PinIt按钮显示在amp-img上方/下方）。

问题： 现在我想知道我是否做错了，或者根本不支持使用AMP-Pinterest悬停图像？（我找不到任何例子）。

Answer 1

不幸的是，此选项目前无法用于amp-pinterest（浏览文档和其他示例）。但是，如果您不希望Pin It按钮显示在上方或下方，则可以将其嵌入图像中，如amp-pinterest samples中所示：

嵌入图钉小部件

要嵌入pin小部件，请将data-do设置为embedPing。 data-url属性必须包含Pinterest资源的完全限定URL。

使用AMP-Pinterest的PinIt按钮悬停图像

1 个答案: