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.

Demo

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

Wizard

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]http://advertiser.site/landing.html',
</script>

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 */
...
writeObjects();
</script>

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 = 'http://example.com/peel/pageear_s.jpg'; 
var pagearSmallSwf = 'http://example.com/peel/pageear_s.swf'; 

var pagearBigImg = 'http://example.com/peel/pageear_b.jpg'; 
var pagearBigSwf = 'http://example.com/peel/pageear_b.swf'; 
....
// for click tracking, use the following click macro
var jumpTo = '[ASClickTrackerRaw]http://advertiser.site/landing.html'
</script>

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.