Ein Unternehmen der ProSiebenSat.1 Media AG Mobile Technical Specifications ProSiebenSat.1 Media SE Unterföhring, April 2016 Mobile Technical Specifications Index: 1) General References Page 3 2) Mobile Banner Page 5 3) Mobile Billboard Seite 6 4) Mobile Medium Rectangle Page 7 5) Pre- / Interstitial Page 8 6) Mobile Enable Website Page 9 7) Sponsoring (Logo integration + Logo Flip) Page 10 8) Mobile Video Ads Page 11 9) Briefing & material requirements for advertising media production 1) Interactive Pre- / Interstitial 2) Expandable Banner Page 12 Page 13 10) Retina Resolution Page 14 11) HTML5 Page 15 2 1) General references – Mobile Advertising Delivery: Ads have to be delivered only to AdManagement@sevenonemedia.de Please send your Ads in a ZIP file format not later than five working days before the insertion date. Please include the following information in your mail: • Customer name • Landing page ‘http://www.your-target.com‘ • Campaign name • Contact person • Booking period • Ad-name (optional) • Booked pages The target-URL has to be fully functional (without Flash) and lead to a operational website upon the campaign start. The Ad may not be relayed to an Email or to a data file. The Ads should not cause downloads of software without briefing and approval by user. The option to decline the installation is a must. If the Ad doesn´t meet the technical specifications or content fundamentals, the full or partial campaign start can be delayed. Should the delivery of advertising material be late or doesn’t meet the technical requirements, SevenOne Media reserves the right to shift its start in order to achieve the booked impression and click objectives. If an unusual pause based on maintenance work at the landing page or change of advertising material is necessary, SevenOne Media has to be informed about this in advanced. Delivery of impression pixel without functionality is possible (only image request, no Java Script, no PHP). 3 1) General references – Mobile Advertising Advertising identification mark: All Ads have to be marked with “-w-” inside of the creative for advertising identification. The font color have to be high contrasted and the font size at least 9 point. In case of identification mark absence SevenOne Media reserves the right to insert it. 4 2) Mobile Banner Technical requirements: Mobile Banner File: Weight: 3rd Party (have to be scalable): Portrait / Landscape iPad 728x90 Pixel iPhone / Android 320x50 Pixel Streaming/Sound: Frequency Capping: Counting Pixel: Required: Delivery: Portrait • • JPG, GIF (static/animated) 30 KB JavaScript or HTML5 (https) - see page 14 No Yes Yes (https) Clickcommand (https) or URL to the landing page with mobile capability 5 working days before the campaign start Banner is always visible, without “close” Button Please mind the advertising identification mark (see page 4) -w- Landscape -w- -wFor the best visual display of the advertising media there is the possibility to deliver the Mobile Banner in a double size format (e.g. 640x100 pixel instead of 320x50 pixel) to optimize the illustration for high resolution displays. See page 13 5 3) Mobile Billboard Technical requirements: Mobile Billboard File: Weight: 3rd Party (have to be scalable): Portrait / Landscape iPad 728x250 Pixel iPhone 320x150 Pixel Streaming/Sound: Frequency Capping: Counting Pixel: -w- Required: Delivery: Portrait -w- JPG, GIF (static/animated) 70 KB JavaScript or HTML5 (https) - see page 14 No Yes Yes (https) Clickcommand (https) or URL to the landing page with mobile capability 5 working days before the campaign start • Please mind the advertising identification mark (see page 4) • Billboard is currently only available for IOS-WetterApp Landscape -wFor the best visual display of the advertising media there is the possibility to deliver the Mobile Banner in a double size format (e.g. 640x100 pixel instead of 320x50 pixel) to optimize the illustration for high resolution displays. See page 13 6 4) Mobile Medium Rectangle Technical requirements: Medium Rectangle Portrait / Landscape Android / iPad / iPhone 300x250 Pixel File: Weight: 3rd Party (have to be scalable): Streaming/Sound: Frequency Capping: Counting Pixel: Required: Delivery: • JPG, GIF (static/animated) 35 KB JavaScript or HTML5 (https) - see page 14 No Yes Yes (https) Clickcommand (https) or URL to the landing page with mobile capability 5 working days before the campaign start Please mind the advertising identification mark (see page 4) For the best visual display of the advertising media there is the possibility to deliver the Medium Rectangle in a double size format (e.g. 600x500 pixel instead of 300x250 pixel) to optimize the illustration for high resolution displays. See page 13 7 5) Pre- / Interstitial Technical requirements: Pre- / Interstitial Portrait Landscape iPad 768x1024 Pixel 1024x768 Pixel iPhone / Android 320x480 Pixel 480x320 Pixel File: Weight: 3rd Party (have to be scalable): Display Duration: Streaming/Sound: Frequency Capping: Counting Pixel: Required: Delivery: • JPG, GIF (static/animated) 70 KB JavaScript or HTML5 (https) - see page 14 4 seconds Yes Yes Yes Clickcommand (https) or URL to the landing page with mobile capability 5 working days before the campaign start Please mind the advertising identification mark (see page 4) For the best visual display of the advertising media there is the possibility to deliver the Pre- / Interstitial in a double size format (e.g. 640x960 pixel instead of 320x480 pixel) to optimize the illustration for high resolution displays. See page 13 8 6) MEW – Mobile Enable Website Technical requirements: MEW size Mobile terminal Banner 320x50 Pixel Smartphones Banner 2:1 320x150 Pixel Smartphones Medium Rectangle 300x250 Pixel Smartphones File: Weight: 3rd Party (have to be scalable): Streaming/Sound: Frequency Capping: Counting Pixel: Required: Delivery: JPG, GIF (static/animated) 70 KB JavaScript or HTML5 (https) - see page 14 No Yes Yes (https) Clickcommand (https) or URL to the landing page with mobile capability 5 working days before the campaign start 320x416 Pixel Interstitial and 480x268 Pixel 9 Smartphones • Please mind the advertising identification mark (see page 4) 7) Mobile Apps -Sponsoring Sponsoring iPhone iPad Android Weight Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 1456x180 Co-Sponsoring: 728x180 Sponsoring: 640x100 Co-Sponsoring: 320x100 30kb 640x100 1456x180 640x100 30kb 7TV-App Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 640x100 Co-Sponsoring: 320x100 Red-App Sponsoring: 640x100 Sponsoring: 1456x180 Sport1FM-App Sponsoring: 640x100 - ran-App Sport1-App Note • Logo should be centered 30kb • • transparent background Logo should be right-aligned Sponsoring: 640x100 30kb • • transparent background Logo should be right-aligned Sponsoring: 640x100 30kb = the above referred sponsoring sizes are already in retina resolution. See page 13 Sponsoring Co-Sponsoring Co-Sponsoring 7TV-App Technical requirements: File: 3rd Party: Counting Pixel: Required: Delivery: JPG, GIF (static/animated) No Yes (https) Clickcommand (https) or URL to the landing page with mobile capability 5 working days before start date 10 8) Mobile Video Ads Best delivery specification for conversion: File type: File extension: Size: Video codec: Video frame rate: Audio codec: Audio bit rate: Audio channel: 3rd Party • • • H264 .mp4 / .mov PAL 1024 x 576 (16:9) Total bit rate (Video + Audio): 4,0 Mbit/s H264 High Profile 25 fps AAC-LC 320 kbit, 48 kHz Mono oder Stereo Yes an application-side retrenchment of the video (on the top and bottom, left and right) up to 10% can appear if required Further formats are available upon request. Delivery time = 5 working days Tracking pixels which provide features such as script processing, cookie interaction or other browsers features are not supported Specifications for a 3rd party supply On the basis the VAST 2 standards (mediamind, Flashtalking, Adform, DFA (Doubleclick) und mov.ad are possible) More details << Here >> 11 • Note: Please crop the video minding that no black background is allowed to be seen 9) Briefing & material requirements for advertising media production a. Interactive Pre- / Interstitial Material requisition Production period static The production period takes three to five weekdays and starts after a detailed briefing and the delivery of the complete art design and text material. During the creation there are up to three corrections loops included in the price. interactive animated The production period takes ten to twelve weekdays and starts after a detailed briefing and the delivery of the complete art design and text material. During the creation there are up to three corrections loops included in the price. • Approved texts, product information • Design specifications, lettering • Special title, claim, slogan • Key Visiual / Look & Feel • Customer logos (ideally as eps, ai, png, psd) • Styleguide • Website as landing page • Fonts for PC and MAC • Copyright line (if desired) • Image selection (campaign information, product image for 360 degree view) • Video (in high definition as mov, avi) The implementation and scheduling of an individual special differs depending on the mechanics and the complexity. Creative Services has to be informed before the final costumer presentation, so an accurate cost estimate can be done. • Arrangement or rather individual briefing and mechanics (arrangement with conception and CS) • Material requisition may deviate depending on cencept and mechanics • Otherwise the adjacent standard material deliveries and briefing information are effective Wlan Targeting 12 9) Briefing & material requirements for advertising media production b) Expandable Banner Option 1: Delivery - Static Banner iPhone / Android Option 2: Delivery - Material Requirements see page 11 Banner Expandable Banner 320x50 Pixel 320x480* Pixel or 300x250** Pixel X Technical requirements: File: Weight: 3rd Party: Streaming/Sound: Counting Pixel: JPG, GIF (static) 20 KB (Banner), 35 KB (Expandable) No No Yes (https) or X Required: Clickcommand (https) or URL to the landing page with mobile capability Delivery: 5 working days before the campaign start • -w- Please mind the advertising identification mark (see page 4) 13 X -w- -w- Banner Expandable* Expandable** 10) Retina Display Retina Display - Banner size 100 Pixel For the best visual display of the advertising media it is possible to deliver the double size (height and width) of the banner. For example: 640x100 pixel banner instead of a 320x50 pixel banner. The display size remains unchanged, as the 640x100 pixel banner still is displayed as a 320x50 pixel banner. Thus more pixels are available for high resolution displays. These are filled by the increased number of pixels and allow a better quality representation. Quelle: MAC Mobile-Report 2014/02 14 11) HTML5 Guidelines for MRAID based HTML5-MobileAds Basically we leave the HTML-5-Mobile Advertising media production strategy up to you. Whether the JavaScript Libraries as jQuery, CSS3 or the HTML5 Canvas Element are being used for the Animation is irrelevant. However there are some guidelines which must be taken into consideration in order to make the HTML5 Ads to perform flawlessly within the SevenOne Media Network: • All advertising media must fulfil the MRAID-Standard (Version 1.0) of IAB. • All advertising media must be marked with the -w- sign in the upper right Corner (in German it stands for „Werbung“ = Advertising). • All the customer provided advertising media must be hosted at the remote server and delivered as <script> Tag Redirect . 15 • Therefore only one URL which refers to the advertising media should be provided • Advertising media which exceed 100KB are usually targeted only on WLAN. • An overall 500KB volume is not to be exceeded. 11) HTML5 MRAID (Mobile Rich Media Ad Interface Definitions) MRAID is an API, which ist defined as the Standard for the mobile Rich-Media-Ads Production by the Interactive Advertising Bureau (“IAB”). This set of Javascript-Methods outlines the crossing between your HTML5 Ad and the mobile Application. Basically the HTML5 Ads are being integrated and shown within the Apps in the separate WebView Containers per iFrame. In spite of the physical separation the HTML5Ad can communicate with the Application via the MRAID Methods and Events: for example the ad-container could be minimized or maximized, the device functions as an acceleration-sensor, GPS etc. could be accessed. The SevenOne Media Network Applications support MRAID v1.0 Detailed information could be found at: << see here >> or << see here >> 16 11) HTML5 Advertising Media Produktion MRAID integration: In order to access the MRAID Methods the following Line Code must be integrated into the <head>-field of your HTML-file: Attention: the “mraid.js” file is solely located at the ad server and is avaliable only in the actual Application. Define advertising media as <script> tag All HTML5 ads are integrated by JavaScript and must be delivered as a Tag or JavaScript file. For example: Clicktag clarification: In order for the landing page to be opened in the inApp-browser after the user touch-event you should call the „mraid.open()“ method and render the target URL as a string: The variable name of the target URL (in this example „soiClick“) can be freely selected. This function call is being tracked by our ad server and is the basis for our reports. 17 11) HTML5 Advertising Media Produktion Specific Guidelines for the advertising medium Interstitial: The same guidelines as for the medium „prestitial“ can be applied for the advertising medium „interstitial“, the only exception is the duration: it can be up to 7 seconds. Specific Guidelines for the advertising medium Prestitial: Display duration of prestitial is always 4 seconds. If there is no user activity (for example touch, shake, swipe) during this time the ad will be closed. Specific Guidelines for the advertising medium Expandable Banner: Banner ad-container can be expended into the full screen mode by use of „mraid.expand()“ method: The following line code calls the „mraid.close()“ method after 4 seconds and must be integrated into the prestitial: Should the visible close-button being subsequently pressed, the ad-container will be minimized to its original size. Attention: the close-button is always being adjusted by ad server and must not be additionally integrated into the advertising medium. The close-button is usually located in the upper left corner. The Container state can be requested likewise with the „mraid.getState()“ method. „Default“ matches here the size of the banner and „expanded“ – the full screen size: or 18 If there is some user activity within these 4 seconds the timer could be removed; the ad stays visible as long as the user does not push the close-button: The timer must be started as soon as the HTML5 advertising medium load is completed! Should the data volume be bigger than usual the preloader usage is advised. Attention: the close-button is always being adjusted by ad server and must not be additionally integrated into the advertising medium. The close-button is usually located in the upper left corner. Contact Alexander Wavra Head of AdOperations mail: alexander.wavra@sevenonemedia.de fon +49 [0] 89/95 07 - 46 46 Patrick Muntowitz Senior Advertising Manager mail: patrick.muntowitz@sevenonemedia.de fon +49 [0] 89/95 07 - 19 83 SevenOne Media GmbH Medienallee 4 D-85774 Unterföhring fon +49 [0] 89/95 07 – 40 Fax +49 [0] 89/95 07 – 43 99 Technical Hotline outside working hours: Mo – Fr: 18:00 – 23:00 Uhr Sa, So/Holiday: 10:00 – 23:00 Uhr fon: 0160 4798880 19