0

当我单击 AMP 故事页面内的链接标签时,首先会打开一个提示,然后单击提示时页面会重定向。在没有提示的情况下单击 AMP 页面内的链接时,有没有办法立即重定向? https://pasteboard.co/IyTglV9.png

我尝试使用 on="tap" 事件来捕获点击,然后使用 .

AMP.navigateTo(URL=STRING, 目标=STRING, opener=BOOLEAN)

试图导航到 URL,但在控制台中它会引发一些意外错误

​订阅​中​的​动作​定义​无效: [ tap:AMP.navigateTo( https://apto.gr , _blank, true) ] ; 预期 [=]

显然,当我将 : 更改为 = 时,它会引发相反的错误...;预期的 [:]

这是我正在使用的代码

<button on="tap:AMP.navigateTo(https://apto.gr, _blank, true)" href="https://apto.gr" target="_blank" class="adBtn i-amphtml-error" style="color:#f30809;background:#000000;">Subscribe</button>

使用标签具有相同的结果。

<a on="tap:AMP.navigateTo(https://apto.gr, _blank, true)" href="https://apto.gr" target="_blank" class="adBtn i-amphtml-error" style="color:#f30809;background:#000000;">Subscribe</a>

我对 AMP.navigateTo 代码做错了吗?我认为这是我的解决方案,但我无法采取行动!

4

1 回答 1

1

您不能在 AMP 故事正文中禁用重定向提示,除非您使用amp-story-cta-layer

为什么?

当 AMP 专家设计 AMP 故事时,他们担心如果用户意外点击故事上的链接并被重定向会发生什么情况,从而使他们烦恼。这就是他们默认添加提示的原因。

唯一可以在没有提示的情况下点击和重定向的链接是位于内部的链接amp-story-cta-layer。它必须是你的最后一个元素,amp-story-page默认情况下它占据故事宽度的 100% 和高度的 20%,并粘在底部。这种方式几乎没有意外点击的可能性。

这是代码:

<amp-story-cta-layer>
    <a href="https://www.ampproject.org" class="button">Your link without prompt here</a>
</amp-story-cta-layer>

`在此处输入图像描述

您可以观看此讲座以获取更多信息。

于 2019-09-24T13:53:18.440 回答