Как использовать всплывающее окно на странице amp?

Я использую amp на своем сайте, все пользователи мобильные и amp. Я получил всплывающее объявление. Но когда я добавляю всплывающее окно на страницу amp, страница amp ломается и выходит из обращения.

как мне решить эту проблему?

код в примере, который я использовал.

Спасибо

<script>
  var username= "***";
</script>
<script type = "text/javascript" src = "//POPADRESS.JS"></script>

Привет, добро пожаловать на переполнение стека. Пожалуйста, перейдите по ссылке Как спросить, чтобы узнать больше о том, как задать вопрос, и обновите свой вопрос соответствующим образом.

Jeroen Heier 27.10.2018 07:57

кто-нибудь может мне помочь

mr anderson 28.10.2018 15:05

@mranderson использует amp-lightbox, ampbyexample.com/components/amp-lightbox

Bachcha Singh 28.10.2018 16:45

спасибо, как я могу это использовать. Вы можете показать пример?

mr anderson 28.10.2018 17:23

@mranderson Я привел ссылку на пример, как реализовать. Тем не менее, вам нужен пример, дайте мне знать.

Bachcha Singh 29.10.2018 08:10

@BachchaSingh мои знания кода не очень сильны. Как я могу сочетаться с всплывающим кодом, который я дал выше, спасибо

mr anderson 29.10.2018 11:40

все еще нужна помощь, любой мастер может мне помочь

mr anderson 29.10.2018 18:26
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
7
2 657
1

Ответы 1

Вы не можете выполнить свой собственный авторский JavaScript на страницах AMP, то, что вы пытаетесь сделать, не сработает. Вам нужно будет реорганизовать свою рекламу, чтобы использовать один из утвержденных компонентов AMP, которые можно найти в AMP страница компонентов.

Пожалуйста, обратитесь к Документация "Как работает AMP".

JavaScript is powerful, it can modify just about every aspect of the page, but it can also block DOM construction and delay page rendering (see also Adding interactivity with JavaScript). To keep JavaScript from delaying page rendering, AMP allows only asynchronous JavaScript.

AMP pages can’t include any author-written JavaScript. Instead of using JavaScript, interactive page features are handled in custom AMP elements. The custom AMP elements may have JavaScript under the hood, but they’re carefully designed to make sure they don’t cause performance degradation.

While third-party JS is allowed in iframes, it cannot block rendering. For example, if third-party JS uses the super-bad-for-performance document.write API, it does not block rendering the main page.

Другие вопросы по теме