PRODUCTION GUIDE. Adform Skin (836x x x x x754)

Transcription

1 PRODUCTION GUIDE Adform Skin (836x x x x x754)

2 Production Guide 1 Table of Contents Skin (836x x x x x754) 2 User Experience 2 Creative assets 2 Specs 3 Visual example 3 Additional Info 6 Supported browsers 6 Adform Creative Toolkit 6 Other 7

3 Production Guide 2 Skin (836x x x x x754) The format consists of the following parts: Variable size background stages: 836 (w) x 754 (h); 942 (w) x 754 (h); 1152 (w) x 754 (h); 1264 (w) x 754 (h); 1600 (w) x 754 (h). User Experience The format is a static ad stage that replaces the background of the page below the navigation bar. It can be scaled across different page widths and displayed as the 836x745, 942x754, 1152x754, 1264x754, or 1600x754 stages. The ad accommodates a link to the predefined landing page. The ad is fully visible by default. Upon user initiated collapse ( Hide Ad button click), the Skin collapses and only a Show Ad button is displayed. Info: On Google Chrome and Mozilla Firefox browsers the skin is available only in three sizes: 836x754 (2 column mode), 1152x754 (3 column mode), 1600x754 (4 column mode). On Internet Explorer browser the skin is available in all 5 sizes: 836x754, 942x754, 1152x754, 1264x754, and 1600x754. Note: The top 120px area is always visible while the left and right areas are not always visible as visibility depends on user browser window width. Creative assets The following items are to be delivered by a creative agency: Single-file expanding 1 (w) x 1 (h) swf file; 1 (w) x 1 (h) backup image file; 5 image files for skin backgrounds. Note: All background image files should be added as additional assets.

4 Production Guide 3 Specs Max size for each image asset: 150 KB. Max image dimension: 1600 (w) x 754 (h). The top 120px area can be clickable, whereas the right and left sides cannot. The ad must be initially expanded by default. The ad must include Hide Ad button allowing the user to hide the ad the entire ad. The ad must include 88x31px Show Ad button if the user closes the Skin ad. It is recommended that Hide Ad and Show Ad buttons are located justified to the page content in the upper ad space so that they always appear regardless of the page column view. The sides of the ad are fixed on all websites. Click destination URL must open in a new window. Z-index of <30000 is required so the service bar and mega menu do not drop behind the ad. It is a responsibility of an Advertiser to ensure that the design elements are of sufficient size to be acceptable when scaled to fit a smaller ad dimension. Visual example 4 Column View:

5 Production Guide Column View (only in Internet Explorer): 3 Column View:

6 Production Guide Column view (only in Internet Explorer): 2 Column view:

7 Production Guide 6 Additional Info The format requires an additional script to be loaded before the tag. In order to set the script, navigate to the Tags section in the Adform system. Then, select the needed tag and click the JavaScript URLS button. Paste in the following URL and tick the Load before banner check-box. Custom URL: Supported browsers Windows 7 Windows 8 Windows 8.1 OS x Firefox, Chrome, Internet Explorer (v.10; v.11) * Internet Explorer (v.8; v9) shows non-responsive site therefore only 1600x754 image is displayed Firefox, Chrome, Internet Explorer (v.10; v.11) * Internet Explorer (v.8; v9) shows non-responsive site therefore only 1600x754 image is displayed Firefox, Chrome, Internet Explorer (v.10; v.11) *Internet Explorer (v.8; v9) shows non-responsive site therefore only 1600x754 image is displayed Safari 7.1 and higher Adform Creative Toolkit It is highly recommended to use Adform Creative Toolkit extension for Flash to deliver standard banners with video fully compliant with the specs. Download the latest version of Adform Creative Toolkit here: The Creative Toolkit auto-implements the required ActionScript commands on the flash files. Once exported, the assets are ready to be uploaded to the Adform system. Alternatively, if you prefer to create the ads without the Creative Toolkit, follow the instructions on Adform Test and Support Center:

8 Production Guide 7 Other All creatives must meet the MSA Ad Submission Guidelines. For any questions please contact traffic@adform.com