Help Center Ad Gallery

Peeling Ad

Peeling ad (also called page peel, page ear, or peel-away ad) allows interested visitors to view the full ad by moving the mouse to the page corner. The ad displays only as a small sneak-peak with peeling effects when the page first loads. Move the mouse over the ad and it will expand to a larger viewing area.


You can view a sample page peel ad on this page: Demo


For your convenience, you can create the HTML code using the Rich-Media ad wizard. Follow the menu "Tools / Wizards".

Then you can create a new HTML/Rich-Media ad and enter the provided HTML code. For the ad dimension, you can set it to 1x1.

Ad Code

There are different techniques to create a peeling ad: PageEar, jQuery PagePeel Ad Plugin, or jQuery Peel Back Ad Plugin.

1. jQuery PagePeel Plugin

The wizard above will create the necessary code for a peeling ad using this jQuery plugin. Make sure you load jQuery separately in the page HEAD section since this plugin requires jQuery. The click tracking URL should be encoded properly since it is passed via FlashVars.
<script type="text/javascript">
adLink: '[ASClickTrackerEncoded]',

2. PageEar

Due to an issue with Internet Explorer on script execution path, the full content of AC_OETags.js with your customized settings (SWF, JPG files and click-thru URL) must be pasted directly into the code box when creating this ad.
<script type="text/javascript">
/* Paste the full content of AC_OETags.js in here */
/* Paste the full content of pageear.js in here */
The image and Flash files should be changed from relative links to absolute links. The click link should use our internal click macro to ensure the dynamic click tracking URL is generated properly.
<script type="text/javascript">
var pagearSmallImg = ''; 
var pagearSmallSwf = ''; 

var pagearBigImg = ''; 
var pagearBigSwf = ''; 
// for click tracking, use the following click macro
var jumpTo = '[ASClickTrackerRaw]'

Serving Code

The serving code for this ad should be in JavaScript format. 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 a sample 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


  • Skin Background Ad
    "A skin ad (also called a background ad, a site takeover ad, or a bookend ad) appears in the background ..."
  • Mobile Interstitial Ad
    "This is an ad template for a mobile interstitial ad. The user can click on a Close button to make ..."
  • Catfish Ad
    "A catfish ad appears (slides in or fades in) as a horizontal area at the bottom of a page. The ..."
  • jQuery Popup Ad
    "This is an ad template for a popup ad (also called a lightbox ad or an overlay ad). The user ..."
  • HTML5 Adobe Animate Ad
    "HTML5 ads are replacing Flash/SWF ads. Tools used to create HTML5 animate ad include: Adobe Edge Animate, Adobe Animate CC ..."