The Economist Apps. Advertising Specs

Transcription

1 The Economist Apps Advertising Specs

2 Apps Overview This is a living document that will evolve as we are presented with new formats, and we ll update it periodically to reflect these changes. All media must be submitted to ops@economist.com. The material deadline is 7 days for Static ads and 14 days for HTML5 ads before the insertion/publication date. Please contact The Economist sales team if you require consultation on these specs or would like to discuss any technical questions regarding our apps. All content with advertisements must comply with The Economist terms and conditions. For more information please visit: APP POSITION FORMAT DEVICES OS DURATION WORLDWIDE REGIONAL Digital Edition Cover Run of App Interstitial Mobile / Tablet ios / Android Weekly Available UK Cont. EU / MEA NA / LA Asia / Pacific Espresso Sponsorship Sponsor logo Interstitial Mobile ios / Android Weekly Available UK Cont. EU / MEA NA / LA Asia / Pacific Global Business Review Sponsorship Sponsor logo Interstitial Mobile / Tablet ios / Android Monthly Available UK Cont. EU / MEA NA / LA Asia / Pacific

3 Format Specifications APP FORMAT DIMENSIONS SAFE AREA FILE TYPE MAX SIZE DEVICES OS 750 x JPEG 250KB Mobile ios / Android Static Interstitial* 1334 x JPEG 250KB Mobile ios / Android 1536 x JPEG 250KB Tablet ios / Android Digital Edition 2048 x JPEG 250KB Tablet ios / Android HTML5 Interstitial Responsive 85% of screen width ZIP 1.5MB Mobile / Tablet ios / Android Sponsor logo* 280 x PNG 150KB All ios / Android Static Interstitial* 750 x JPEG 250KB Mobile ios / Android Espresso HTML5 Interstitial Responsive - ZIP 1.5MB Mobile ios / Android Sponsor logo* 280 x PNG 150KB All ios / Android Global Business Review 750 x JPEG 250KB Mobile ios / Android Static Interstitial* 1536 x JPEG 250KB Tablet ios / Android HTML5 Interstitial Responsive - ZIP 1.5MB Mobile / Tablet ios / Android *Note: Essential creative elements required for activating each campaign.

4 Static Sponsor Logo The sponsor is a small icon that is displayed on the following screens: The app loading splash screen. The Daily Quote screen at the end of the edition (Espresso only). Transparent backgrounds are not recommended in the logo. Ideally, overlay the logo over a solid light colour to provide optimal contrast against all backgrounds. ITEM SPECS File Type PNG Max Size 150KB Dimensions 280 x 116 3rd Party Tracking Not supported

5 Static Interstitial The format is JPEG for all files with a maximum file size of 250 KB per image for Digital Edition, Espresso, and Global Business Review. Ads appear between editorial content and is navigated via user swipe gestures. Please also provide a URL to be displayed when tapping on the ad. This URL will only be displayed if the device is online. We can include tracking in the form of a click tracker. ITEM SPECS File Type JPEG Max Size 250KB Dimensions See format specifications 3rd Party Tracking Click tag supported

6 HTML5 Interstitial In addition to the statics files, we can also accept an HTML5 interactive ad to run on all devices (with the exception of devices that do not have the latest version of The Economist app which will receive statics images). Interactive ads must fit in the exact dimensions of the device using responsive wrappers, please note that horizontal swipe interaction is not permitted within the creative. Please note that even if you provide the interactive ad, you still need to provide the static files. ITEM SPECS File Type Compressed ZIP Max Size 1.5MB Dimensions Responsive to device width 3rd Party Tracking Fully supported

7 HTML5 Responsive The mobile ecosystem is full of different devices of various resolutions and pixel densities. If you are targeting a specific device, say the ipad 2, you know that for a full screen ad you have a canvas of size 768 x 1024 (1024 x 768 in landscape orientation). But what if you want to support a wide array of sizes? Granted, you can create separate ads for different devices but you can do one better. You can constrain your ad s content to a content safe area and supply a background the size of your largest anticipated device to flow out on larger devices. Safe area 85% of screen width Safe area 85% of screen width ITEM SPECS Devices Mobile and tablet* Orientations Portrait and landscape* Safe Area 85% of screen width Width Device width Scale Initial = 1, maximum = 1 User Scalable No Safe Area 85% of screen width Safe Area 85% of screen width *Note: Tablet and landscape mode not available on Espresso app.

8 HTML5 Technical info Audio & Video Formats The HTML5 <video> and <audio> elements are allowed. The preferred formats for encoding are H.264 for video and HE-AAC for audio. Audio or video autoplay MUST be turned off by default and MUST be initiated by the reader using a recognized Play button. As we target ios devices, Adobe Flash is not supported. CSS notes Support for CSS rules and properties is dependent on the reader s version of OS and device. Please bear in mind that some readers may not yet have migrated to the latest version for their device and may still be using older versions. Animation Startup In order to support the starting of animations in the advert when the user scrolls in the advert, the interactive adverts must support the following: - They must load their content and prepare their base look. - And they must implement a Javascript method called ecostart(). This method will be called every time that the user enters the advert page and will be responsible to start the animation from the beginning. function ecostart() { // code to handle animation startup } Serving Images Efficiently to Displays of Varying Pixel Density In order to support high pixel density devices (also known as Retina), it s recommended to use media queries or image sets. External Linking All links must prepend internal - before http/https to allow opening in a modal webview, this schema works either for a href elements or for javascript redirects using window.location. For example: <a href= >Economist link</a> Must be transformed into <a href= internal- >Economist link</a> The same applies if the URL starts with https. Links and redirections using Javascript must also ensure this schema. For example: window.location = ; Must be transformed into window.location = internal- ;

9 HTML5 Audio & Video The HTML5 <video> and <audio> elements are allowed. The preferred formats for encoding are H.264 for video and HE-AAC for audio. Audio or video autoplay MUST be turned off by default and MUST be initiated by the reader using a recognised Play button. Inline playback is only available on Android devices and on ipads. On all other devices (iphones) video will be played within the native media player. ITEM SPECS Format H.264, HE-ACC Playback User initiated, autoplay disabled Inline Playback Tablet only Streaming Externally hosted Embedding Compressed ZIP must not exceed 1.5MB

10 HTML5 Quality Assurance All files delivered MUST be packed in a zip file containing HTML, images, Javascript files. The maximum file size is 1.5MB. No external linking of assets or libraries is allowed. The zip file MUST contain an index.html file at the root level that will be loaded when the user swipes into an interactive ad. Performance notes Interactive ads that contain very large DOM trees and/or intensive Javascript animations may see a performance decrease when running in a mobile device compared with desktop device. If your script executes for more than a couple seconds without releasing the thread, the App will stop executing the script. This is likely to occur at a random place in your code, so unintended consequences may result. All ads that are submitted are scrutinised to ensure our users get the best app experience, as such ads may be rejected for the following reasons: PROBLEM CAUSE REASON FOR REJECTION Bugs Performance Scripts Assets Crashing the app repeatedly Sluggish performance Loading externally hosted code Loading externally hosted assets We do not allow ads containing bugs that causes the app to behave in an unpredictable or unstable manner. This damages the user experience and the reputation of our apps. We may reach out should we believe the ad is running slowly or causes unreasonable delays to the user experience to ensure optimal interactions with both advertising and editorial content. Externally hosted scripts updated without notice can cause unpredictable behaviour to both the ad and our apps. Externally hosted assets updated without notice can present security risks our apps. However, video or audio streaming is permitted if user initiates playback. User Interface Mimic app user interface in any way Mimicking the user interface can cause confusion and disrupt the editorial experience. Layout / Rendering Missing Creative Layout appears broken One or more creatives are missing We may reach out to you if we believe the ad layout is broken or suffers from rendering issues to ensure the optimal advertising experience for the reader. Please note that static creatives are always required as backup to the HTML5 creative. We may reach out should you be missing one or more elements to complete your campaign.