Contact support
    • Monetization
    • Monetize
    • Set up and manage inventory
    • Manage creative templates
    • Official creative template specifications
    • Display: Web template specifications

    Banner reveal

    Table of Contents

    Overview Demo Compliancy Creatives Creative template parameters Features Animation Supported browsers Metrics Limitations Known issues Release notes

     

    Overview

    Formerly named "Background reveal". The "Banner reveal" creative template moves the page content down, using a 3D animation, to reveal the creative. 

    Demo

    Banner reveal

    Compliancy

    Criterion Compliancy
    Creative rotation

    ✅
    Friendly iFrame

    ✅
    IFrame buster

    ✅
    Multi-instance

    ✅
    Responsive web design

    ✅
    RTB

    ❌

    Creatives

    Supported file formats:

    • Image
    • Creative script
    • HTML5

    Note: In case of creative scripts, make sure you set up the size.

    Creative template parameters

    Name Description Default value
    Add close button Specifies if the close button should appear. true
    Background attachment Specifies the background attachment. scroll
    Background color Specifies the background color. #ffffff
    Background position Specifies the background position. More information here. center top
    Background repeat Specifies the background repeat. no-repeat
    Background url Specifies the background URL.  
    Click map height (right and left side) Specifies the click map height for both sides. 1000
    Click map horizontal offset Specifies the horizontal offset of the click map; positive value: to the right side; negative value (with"-") to the left side. 0
    Click map vertical offset Specifies the vertical offset of the click map; positive value: to the bottom; negative value (with "-") to the top 0
    Click map width (right and left side) Specifies the click map width for both sides. 5000
    Click map zIndex Specifies the zIndex of the click map. 9999
    Close button position Specifies the close button position. right
    Creative margin top Specifies an additional margin top for the creative. It will help to find the best position for the creative. 0
    Expand mode duration Specifies the duration of the expanded state mode. 0 means that there is no time limitation: the ad will remain expanded until the user closes it 15
    Page identifier Specifies the identifier of the page wrapper (element which contains the page content). This element will be animated.  
    Page width Specifies the page width to use the click map feature. 0
    Show test border line Shows a border line over the click map. This option will help to set up the click map position. false
    Start animation after hover top part Specifies if the animation should start after hovering over the top part of the background. false
    Start animation after page load Specifies if the animation should start just after the page load. false
    Start animation when top part is clicked Specifies if the animation should start when the top part of the background is clicked. To make it work, you must set up the click map, the background URL and the "Wrapper margin top" fields. true
    Tracking url Make sure you add [timestamp] for cache busting.  
    Type of page identifier Specifies how the element should be identified. If you choose "class" and if there is more than one element with this class on the page, the creative template will take into account the first one. id
    Wrapper margin top Specifies an extra margin top of the page's wrapper defined above. 0

    Features

    The Banner reveal ad format moves the page content down with a fancy 3D animation to show the creative. It works for web and mobile web.

    Animation

    The animation is applied to the page wrapper (element which contains the page content). The page wrapper is identified either by a class or an id. The animation effect is available only for browsers which support CSS3 (all modern browsers). For older browsers (IE 8, IE 9), the page content will be moved without animation.

    The animation can be started:

    • right after page load
    • upon click on the top part of the background
    • upon hover over the top part of the background
    • custom: by calling the "pageRevealStartAnimation()" and "pageRevealEndAnimation()" methods from an external insertion

    This ad format uses advanced CSS3 transforms to display the ad. The creative template has to set up some styles into the page wrapper. Thus, make sure you test it first using the live preview. In some cases it may be necessary to "prepare" the page using a customized script.  

    Supported browsers

    This ad format is compatible with all major browsers:

    • Chrome
    • Firefox
    • Safari
    • Opera
    • IE (8 and above)
    • mobile browsers: Safari, Firefox, Chrome and Android native browser

    Metrics

    This ad format supports the following interaction metrics:

    • Expand the ad (metric name: Ad Expand)
    • Collapse (metric name: Ad Collapse)

    Limitations

    n/a

    Known issues

    n/a

    Release notes

    • 05-03-2025 - Update for action pixels generation
    • 04-04-2024 - Technical improvements, migrate template to typescript
    • 26-09-2023 - Improved impression counting
    • 17-04-2023 - Remove document.write from the EMP script
    • 19-09-2019 - Removing the official flag from template (mobile version)
    • 04-04-2019 - This version adds HTML5 click counting capabilities to the template
    • 16-10-2017 - Support for tags POST One call
    • 17-08-2017 - Support for standalone tag

    RELATED ARTICLES