Help Center Manage Your Account Banner, Richmedia, and Text Ads

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. Moving the mouse over the ad and it will expand to a larger viewing area. Demo

Ad Code

You would need to create a new HTML/RichMedia ad. For the ad dimension, you can set it to 1x1. There are different techniques to peeling ads: PageEar or jQuery PagePeel Plugin.

1. 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>

2. jQuery PagePeel Plugin

Make sure you load jQuery separately in the page HEAD section since this plugin requires jQuery. Since the click tracking URL is passed via FlashVars, the URL should be encoded properly.

<script type="text/javascript">
...
adLink: '[ASClickTrackerEncoded]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.

Other Articles in Banner, Richmedia, and Text Ads

• Ad Dimension
• Ad Gallery - Catfish Ad
• Ad Gallery - Expandable Ad or Rollover Flash ad
• Ad Gallery - Floating Ad or Layer Ad
• Ad Gallery - Polite Ad or Two-Phase Ad
• Ad Specifications
• Ad Types
• Ad Weight or Ad Priority
• Alternative Image/Media URL
• Click to a new or same window
• Click Tracking URL
• Destination URL or Click URL
• How do I change the window title of my pop-up/pop-under ads?
• How do I mix image and text in an ad?
• How do I track click for Flash/SWF ads?
• How do I track clicks for HTML/RichMedia ads?
• Image URL
• QuickTime and Windows Media ads
• Text alternative for banner ad images
• Tutorial - Create a simple SWF with clickTAG tracking

Search Help Center

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

Related Articles

• How can I serve multiple zones with a single server request?

  "If a page has multiple ad placements, this feature can speed up the ad delivery significantly. Instead of requesting an ..."

  25% relevant in Manage Your Account Serving Code
• How can I defer ads until after the page has finished loading?

  "Contents are loaded according to the components' order in the HTML source code. If you want visitors to see the ..."

  24% relevant in Manage Your Account Serving Code
• Advertiser

  "Documentation for API methods to manage one or multiple advertisers. API Version1.2.7 (build 20110606). Documentation was last modified on Sun, ..."

  23% relevant in Manage Your Account AdSpeed API
• How do I track clicks for HTML/RichMedia ads?

  "To track clicks for HTML ads, check "Automatically process RichMedia/HTML code to track clicks" below the HTML code box. This ..."

  23% relevant in Manage Your Account Banner, Richmedia, and Text Ads