Мгновенное перенаправление без запроса при нажатии тега <a> внутри HTML-содержимого AMP Story

Question

Когда я нажимаю тег ссылки на странице истории AMP, сначала открывается приглашение, а при нажатии на приглашение страница перенаправляется. Есть ли способ мгновенного перенаправления при нажатии на ссылку внутри AMP-страницы без запроса?https://pasteboard.co/IyTglV9.png

Я попытался использовать событие on="tap" для захвата щелчка, а затем с помощью.

AMP.navigateTo(URL = STRING, target = STRING, opener = BOOLEAN)

пытался перейти по URL-адресу, но в консоли выдает неожиданную ошибку

Недопустимое определение действия в подписке: [нажмите: AMP.navigateTo(https://apto.gr/, _blank, true) ]; ожидается [=]

Очевидно, что когда я меняю: to =, возникает противоположная ошибка...; ожидается [:]

Это код, который я использую

<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? Я думаю, что это мое решение, но я не могу заставить действие работать!

Answer 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>

`

Вы можете посмотреть эту лекцию для получения дополнительной информации.