Multi‑Device Interstitial Preview

Switch between Laptop (default), Tablet, Mobile, and AMP preview. Overlay remains bound to each device’s screen.

Demo Content

Scroll inside this screen to simulate page browsing.

AMP Interstitial Mock

Static preview of AMP-compatible layout (no JS). Use <amp-lightbox> and on="tap:..." actions.

AMPNo custom JSIMA via amp-ima-video

<!doctype html>
<html ⚡ lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
  <!-- For video ads, consider amp-video or amp-ima-video -->
  <script async custom-element="amp-ima-video" src="https://cdn.ampproject.org/v0/amp-ima-video-0.1.js"></script>
  <style amp-boilerplate>body{visibility:hidden}</style>
  <noscript><style amp-boilerplate>body{visibility:visible}</style></noscript>
</head>
<body>
  <button on="tap:ad-lightbox.open">Open Interstitial</button>

  <amp-lightbox id="ad-lightbox" layout="nodisplay">
    <div class="ad-card">
      <h3>ScrollToday — Interstitial</h3>
      <amp-ima-video
        data-tag="https://adserver.example/vast-tag"
        width="16" height="9" layout="responsive">
      </amp-ima-video>
      <button on="tap:ad-lightbox.close">Close</button>
    </div>
  </amp-lightbox>
</body>
</html>