How to make an interstitial ad

You can make interstitial ads in AdButler by creating a custom HTML ad item.

Making a sample interstitial ad

  1. Click on Media Library on the left navigation menu, then click on Uploads. The Uploads section of the Media Library will appear.
  2. Click Add New. The New Creative page will appear.

How to upload an image to the Media Library

  1. Click Choose File then browse for your image file.
  2. Enter a name and description for the image. (Optional)
  3. Click Save Creative. You will be taken back to the Uploads section, and the image file will be added to the table of uploaded files.
  4. Click Copy Link on the far right of the image file's entry on the table. Paste this link into a text editor or any convenient text field, because you will use it on step 9.

How to copy a link to uploaded files in Media Library

  1. Create a custom HTML ad item in the relevant campaign. For more information, read How to create a custom HTML/Third party tag ad item.
  2. Paste the following code into the Raw HTML/Script field on the ad item creation page. You can use CSS to adjust and style the ad.
<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="link to your image" style="width:100%"></img></a>

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

</body>
</html>
  1. Replace link to your image with the Media Library link that you copied in Step 6. Be sure to retain the quotation marks in the code.
  2. Click Save Ad Item.
  3. Assign the campaign to the relevant zone, preferably a dynamic one. For more information, read How to assign a campaign to a zone or a channel.

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.