Interstitial Ads

Interstitial Style Popups


Interstitial Popups are available through AdButler using our Custom HTML Ad Item. Using Custom HTML, you can create a popup interstitial that can be formatted to your specific use case. In this sample, we use a public style sheet available through w3schools.com

You'll simply need to change the <img src="> line to point to your own image.


Example Source:


<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body onload="document.getElementById('id01').style.display='block'"
<div class="w3-container">

  <div id="id01" class="w3-modal">
    <div class="w3-modal-content">
      <header class="w3-container"> 
        <span onclick="document.getElementById('id01').style.display='none'" 
        class="w3-button w3-display-topright">×</span>
        <p>Advertisement</p>
      </header>
      <div class="w3-container">
        <a href="[TRACKING_LINK]" target="_blank"><img src="https://servedbyadbutler.com/default_banner.gif" style="width:100%"></img></a>

      </div>
      <footer class="w3-container">
        <p></p>
      </footer>
    </div>
  </div>
</div>

</body>
</html>


Making Changes:


You can use Custom CSS to adjust and style the interstitial.


Can't find what you're looking for?

Send us an email

hello@adbutler.com

Visit the blog

For more ad serving tips, industry news and AdButler insights.