Help Center Ad Gallery

Sticky Ad

This template is for an image ad with a sticky effect. The ad will stick and stay visible even when you scroll down or up to a certain point. The animation effect is done with pure CSS and HTML.

Demo

View a sticky ad.

Sample Code

<!-- Sticky Ad using CSS --> 
<div style="float:right;margin:1em;height:500px;">
  <div style="position:sticky;position:-webkit-sticky;top:1em;">  
    <script type="text/javascript" src="https://g.adspeed.net/ad.php?do=js&aid=33497&oid=181&wd=468&ht=60&target=_blank"></script>
  </div>
</div>

Customization

To customize the demo ad to your own version, change DIV content to your own ad tag.

Other Articles in Ad Gallery

This section provides demo, sample and instructions for the most common and popular ad creative templates. Click on a template link to view the description, demo and instructions to create in the ad server, customize it to suite your purpose and integrate the ad with your platform.

Cannot find an answer for your question? Ask our Customer Care team

Related

  • Parallax Ad
    "This template is for an image ad with a parallax effect. The chosen ad image will display differently as you ..."
  • Campaign
    "Documentation for API methods to manage your campaigns in our ad server. API Version1.4.0 (build 20210701). This page was updated ..."
  • Grid-of-Images Ad
    "This template is for an ad with multiple images and text links in a table. You can have multiple columns ..."
  • Grid-of-Buttons Ad
    "This template is for an ad with multiple clickable buttons in a table. You can have multiple columns and rows ..."
  • Catfish Ad
    "A catfish ad appears (slides in or fades in) as a horizontal area at the bottom of a page. The ..."