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: DemoWizard
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.
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.
- Catfish Ad
- Composite Ad
- Expandable Ad or Rollover Flash ad
- Expandable Image Ad
- Floating Ad or Layer Ad
- Grid-of-Buttons Ad
- Grid-of-Images Ad
- HTML5 Ad from a ZIP file
- HTML5 Adobe Animate Ad
- HTML5 Animate Ad
- HTML5 Video Ad
- Image Banner with Multiple Clickable Buttons
- Image Slideshow
- Interstitial Ad
- jQuery Popup Ad
- Mobile In-App Interstitial Ad with MRAID
- Mobile Interstitial Ad
- Multi-Click Image Ad
- Parallax Ad
- Polite Ad or Two-Phase Ad
- QuickTime and Windows Media Video Ad
- Skin Background Ad
Cannot find an answer for your question? Ask our Customer Care team
Related
- Skin Background Ad
"A skin ad (also called a background ad, a site takeover ad, or a bookend ad) appears in the background ..."
in Ad Gallery - Mobile Interstitial Ad
"This is an ad template for a mobile interstitial ad. The user can click on a Close button to make ..."
in Ad Gallery - Catfish Ad
"A catfish ad appears (slides in or fades in) as a horizontal area at the bottom of a page. The ..."
in Ad Gallery - jQuery Popup Ad
"This is an ad template for a popup ad (also called a lightbox ad or an overlay ad). The user ..."
in Ad Gallery - 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 ..."
in Ad Gallery