Запасные объявления загружаются только тогда, когда они изначально видны
У меня возникают проблемы при загрузке рекламных объявлений с резервной копией, если они не отображаются при начальной загрузке или обновлении страницы. Когда amp-объявление не является резервным, оно загружается правильно, либо в исходном виде, либо при прокрутке для просмотра. Это, кажется, происходит с любым типом сети.
Разве все объявления не должны загружаться, когда они появляются?
Я пропускаю какую-то конфигурацию, или это дизайн?
Как воспроизвести проблему?
- Вставьте образец страницы ниже на сайт детской площадки AMP
- 3 объявления над фолдом грузят нормально
- При прокрутке загружалось только объявление без отступления
- При прокрутке коснитесь html в редакторе, чтобы вызвать предварительный просмотр.
- 3 объявления в представлении загружаются нормально
- При прокрутке загружалось только объявление без отката
Спасибо!
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<title>amp-ad</title>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
<link rel="canonical" href="https://ampbyexample.com/components/amp-ad/">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style amp-custom>
.my-title { color:blue; font-size:200%; text-align:center; margin:0 }
.my-subtitle { color:red; font-size:100%; text-align:center; margin:0 }
p { margin: 5px }
</style>
</head>
<body>
<main class="content-amp" style="text-align: center">
<article class="amp-content">
<h2 class="subtitle-amp">AMP sample page</h2>
<section class="amp-art-body">
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.</p>
<h1 class="my-title">In view</h1>
<br><h1 class="my-subtitle">DOUBLECLICK</h1><br>
<amp-ad layout="responsive" width="320" height="50" type="doubleclick" data-slot="/4119129/mobile_ad_banner"></amp-ad>
<br>
<br><h1 class="my-subtitle">SMARTCLIP -> DOUBLECLICK</h1><br>
<amp-ad type="smartclip" width="320" height="50" data-plc="84555" data-sz="320x50">
<div fallback>Smartclip fallback to Doubleclick!!</div>
<amp-ad layout="responsive" width="320" height="50" type="doubleclick" data-slot="/4119129/mobile_ad_banner"></amp-ad>
</amp-ad>
<br>
<br><h1 class="my-subtitle">DOUBLECLICK -> DOUBLECLICK</h1><br>
<amp-ad type="doubleclick" width="320" height="50" data-slot="/134642692/INVALID">
<div fallback>DoubleClick fallback to DoubleClick!!</div>
<amp-ad fallback layout="responsive" width="320" height="50" type="doubleclick" data-slot="/134642692/amp-samples/amp-MREC"> </amp-ad>
</amp-ad>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.</p>
<h1 class="my-title">Not in view</h1>
<br><h1 class="my-subtitle">DOUBLECLICK</h1><br>
<amp-ad layout="responsive" width="320" height="50" type="doubleclick" data-slot="/4119129/mobile_ad_banner"></amp-ad>
<br>
<br><h1 class="my-subtitle">SMARTCLIP -> DOUBLECLICK</h1><br>
<amp-ad type="smartclip" width="320" height="50" data-plc="84555" data-sz="320x50">
<div fallback>Smartclip fallback to Doubleclick!!</div>
<amp-ad layout="responsive" width="320" height="50" type="doubleclick" data-slot="/4119129/mobile_ad_banner"></amp-ad>
</amp-ad>
<br>
<br><h1 class="my-subtitle">DOUBLECLICK -> DOUBLECLICK</h1><br>
<amp-ad type="doubleclick" width="320" height="50" data-slot="/134642692/INVALID">
<div fallback>DoubleClick fallback to DoubleClick!!</div>
<amp-ad fallback layout="responsive" width="320" height="50" type="doubleclick" data-slot="/134642692/amp-samples/amp-MREC"> </amp-ad>
</amp-ad>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra sit amet risus non consectetur. Nunc mollis ipsum nunc, a pellentesque neque pharetra id.</p>
</div>
</section>
</article>
</main>
</body>
</html>