Help Center Ad Gallery

Skin Background Ad

A skin ad (also called a background ad, a site takeover ad, or a bookend ad) appears in the background on both sides of the web page and it is clickable. This ad format uses CSS, HTML and JavaScript code to set the background image and make it clickable.


You can view an example skin/background ad on this page: Demo


To customize the sample ad to your own ad:
  • Change the background ad image URL
  • Modify any CSS rules as needed to fit your ad dimension and website layout
  • Change the click URL to the suitable landing page URL
  • For click tracking, prepend the click macro [ASClickTrackerRaw] to your landing page URLs and add a JavaScript dynamic cache-buster (eg: &cb='+Math.random()) to prevent the browser from caching the click URL

Create a skin/background ad

  • Click on the menu Ads / Create a new ad and choose the ad type to be Rich-Media/HTML
  • Paste the ad code from the demo/sample page into the box
  • Customize the ad content to your own ad with the instructions above
  • Generate the JavaScript-based serving code. Do not use Iframe-based ad tag because it needs to take over the background of the main page

Ad Management

You can serve a single skin/background ad or group multiple skin/background ads into a zone and get the zone's serving code to rotate them. To avoid displaying the default error when there is no available skin/background ad in the zone, check the box to hide all errors when generating the serving code.

Ad Tag

The ad tag for this ad must be in JavaScript format. For most web pages, it could be placed anywhere within your web page. However, it is suggested to place the serving ad tag near the bottom of the page to avoid slowing down the whole page. By doing this, the ad will only appear after the page has finished loading.

If you need our assistance with this type of ad, please create the ad in your account and let us know the ad name so that we can check and modify appropriate settings.

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


  • Floating Ad or Layer Ad
    "Floating ad (also called layer ad or overlay ad) is a special type of ad that flows/slides into the main ..."
  • jQuery Popup Ad
    "This is an ad template for a popup ad (also called a lightbox ad or an overlay ad). The user ..."
  • Peeling Ad
    "Peeling ad (also called page peel, page ear, or peel-away ad) allows interested visitors to view the full ad by ..."
  • Catfish Ad
    "A catfish ad appears (slides in or fades in) as a horizontal area at the bottom of a page. The ..."
  • Mobile Interstitial Ad
    "This is an ad template for a mobile interstitial ad. The user can click on a Close button to make ..."