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

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

0 голосов
/ 24 сентября 2019

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

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

AMP.navigateTo (URL = STRING, target = 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.navigate для кода?Я думаю, что это мое решение, но я не могу заставить действие работать!

1 Ответ

0 голосов
/ 24 сентября 2019

Вы не можете отключить приглашение перенаправления в теле историй 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>

`enter image description here

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

...