MOBILE TECHNICAL SPECIFICATIONS Unterföhring, February 2018
Index: 1 I 2 I 3 I 4 I 5 I 6 I 7 I 8 I 9 I 10 I 11 I General References Page 3 Mobile Banner Page 5 Mobile Billboard Page 6 Mobile Medium Rectangle Page 7 Interstitial Page 8 MEW - Mobile Enabled Website Page 9 Sponsoring (Logo integration + Logo flip) Page 10 Mobile Video Ads Page 11 Briefing & material requirements for advertising media production 1) Interactive Interstitial Page 12 2) Expandable Banner Page 13 Retina Resolution Page 14 HTML 5 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, campaign name, booking period, booked pages, landing page ( http://www.your-target.com ), contact person, ad name (optional). The target-url has to be fully functional (without Flash) and has to lead to an 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 the 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 advance. Delivery of impression pixels 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 inside of the creative for advertising identification. The font color has 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. Close button: The adserver automatically inserts a close button into all in-app interstitial ads. The placement of this button depends on the operating system of the mobile device (left or right upper corner). This should be taken into account when placing the mark and designing the ads (safe area: 50x50 pixels). Please note, that this applies only to in-app interstitials and a close button has to be implemented for all MEW interstitial ads. 4
2) Mobile Banner Mobile Banner ipad iphone / Android Portrait / Landscape 728x90 pixels 320x50 pixels Technical requirements: File: JPG, GIF (static/animated) Weight: 30 KB 3rd Party (has to be scalable): JavaScript/HTML5 (https) - see page 14 - Streaming/Sound: No Frequency Capping: Yes Tracking pixels: Yes (https) Required: Delivery: Clickcommand (https) or URL to the landing page with mobile capability 5 working days before the campaign start Portrait Landscape - Banner is always visible, without close button - 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 mobile banner in a double size format (e.g. 640x100 pixels instead of 320x50 pixels) to optimize the illustration for high resolution displays. See page 13. 5
3) Mobile Billboard Technical requirements: Mobile Billboard ipad iphone Portrait / Landscape 728x250 pixels 320x150 pixels File: Weight: 3rd Party (has to be scalable): Streaming/Sound: Frequency Capping: Tracking pixels: JPG, GIF (static/animated) 70 KB JavaScript/HTML5 (https) - see page 14 - No Yes Yes (https) Required: Delivery: Clickcommand (https) or URL to the landing page with mobile capability 5 working days before the campaign start Portrait - Please mind the advertising identification mark (see page 4) - Billboard is currently only available for the IOS-WetterApp Landscape For 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 pixels instead of 320x50 pixels) to optimize the illustration for high resolution displays. See page 13. 6
4) Mobile Medium Rectangle Technical requirements: Medium Rectangle Android / ipad / iphone Portrait / Landscape 300x250 pixels File: Weight: 3rd Party (has to be scalable): Streaming/Sound: Frequency Capping: Tracking pixels: JPG, GIF (static/animated) 35 KB JavaScript/HTML5 (https) - see page 14 - No Yes Yes (https) Required: Delivery: 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 pixels instead of 300x250 pixels) to optimize the illustration for high resolution displays. See page 13. 7
5) Interstitial Interstitial Portrait Landscape ipad 768x1024 pixels 1024x768 pixels iphone / Android 320x480 pixels 480x320 pixels Technical requirements: File: Weight: 3rd Party (has to be scalable): Display Duration: Streaming/Sound: Frequency Capping: Tracking pixels: Required: Delivery: JPG, GIF (static/animated) 70 KB JavaScript/HTML5 (https) - see page 14-7 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) - The interstitial ad has to grey out the content area For the best visual display of the advertising media there is the possibility to deliver the Interstitial in a double size format (e.g. 640x960 pixels instead of 320x480 pixels) to optimize the illustration for high resolution displays. See page 13. 8
6) MEW Mobile Enabled Website MEW Size Mobile Device Banner 320x50 pixels Smartphones Banner 2:1 320x150 pixels Smartphones Technical requirements: File: Weight: 3rd Party (has to be scalable): Streaming/Sound: Frequency Capping: Tracking pixels: JPG, GIF (static/animated) 70 KB JavaScript/HTML5 (https) - see page 14 - No Yes Yes (https) Medium Rectangle Interstitial 300x250 pixels 320x416 pixels and 480x268 pixels Smartphones Smartphones Required: Clickcommand (https) or URL to the landing page with mobile capability Delivery: 5 working days before the campaign start - Please mind the advertising identification mark (see page 4) 9
7) Mobile Apps - Sponsoring Sponsoring iphone ipad Android Weight Note ran-app Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 1456x180 Co-Sponsoring: 728x180 Sponsoring: 640x100 Co-Sponsoring: 320x100 30kb Logo should be centered Sport1-App 640x100 1456x180 640x100 30kb 7TV-App Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 640x100 Co-Sponsoring: 320x100 30kb transparent background Logo should be right-aligned Red-App Sponsoring: 640x100 Sponsoring: 1456x180 Sponsoring: 640x100 30kb transparent background Logo should be right-aligned Sport1FM-App Sponsoring: 640x100 - Sponsoring: 640x100 30kb = the above referred sponsoring sizes are already in retina resolution. See page 13 Technical requirements: File: 3rd Party: Counting pixels: 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: H264 File extension:.mp4 /.mov Size: PAL 1024 x 576 (16:9) Total bit rate (Video + Audio): 4,0 Mbit/s Video codec: H264 High Profile Video frame rate: 25 fps Audio codec: AAC-LC Audio bit rate: 320 kbit, 48 khz Audio channel: Mono oder Stereo 3rd Party 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 before campaign start Tracking pixels which provide features such as script processing, cookie interaction or other browsers features are not supported werden nicht unterstützt 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 >> chapter InStream VideoAds. Note: Please crop the video minding that no black background is allowed to be seen 11
9) Briefing & material requirements for advertising media production - Interstitial Material requisition Static Animated Interactive Production period 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. 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. 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. Approved texts, product information Special title, claim, slogan Customer logos (ideally as eps, ai, png, psd) Website as landing page Copyright line (if desired) Design specifications, lettering Key Visiual / Look & Feel Styleguide Fonts for PC and MAC Image selection (campaign information, product image for 360 degree view) Video (in high definition as mov, avi) Arrangement or rather individual briefing and mechanics (arrangement with conception and CS) Material requisition may deviate depending on concept and mechanics Otherwise the adjacent standard material deliveries and briefing information are effective Wlan Targeting 12
9) Briefing & material requirements for advertising media production - Expandable Banner Option 1: Delivery - Static Banner Option 2: Delivery - Material Requirements see page 11 iphone / Android Banner 320x50 Pixel Expandable Banner 320x480* pixels or 300x250** pixels Technical requirements: X File: Weight: 3rd Party: Streaming/Sound: Tracking pixels: Required: Delivery: JPG, GIF (static) 20 KB (Banner), 35 KB (Expandable) No No Yes (https) Clickcommand (https) or URL to the landing page with mobile capability 5 working days before the campaign start X or X - Please mind the advertising identification mark (see page 4) Banner Expandable* Expandable** 13
100 pixels 10) Retina Display Retina Display - Banner size 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 pixels banner instead of a 320x50 pixels banner. The display size remains unchanged, as the 640x100 pixels banner still is displayed as a 320x50 pixels banner. Thus more pixelss are available for high resolution displays. These are filled by the increased number of pixelss and allow a better quality representation. Source: 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 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. 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. 15
11) HTML5 MRAID (Mobile Rich Media AdInterface 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 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: 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 the 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 Specific Guidelines for the advertising medium Interstitial: Display duration of Interstitial is always 7 seconds. If there is no user activity (for example touch, shake, swipe) during this time the ad will be closed. The following line code calls the mraid.close() method after 7 seconds and must be integrated into the Interstitial: var standardtimer = settimeout( function(){ mraid.close() }, 7000); If there is some user activity within these 7 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: Please consider the close button information (page 4). 18
Alexander Becker Head of Ad Management alexander.becker@sevenonemedia.de +49 [0] 89/95 07-46 46 Andrey Raltchev Ad Manager andrey.raltchev@sevenonemedia.de +49 [0] 89/95 07 46 23 Osman Aksoy Ad Manager osman.aksoy@sevenonemedia.de +49 [0] 89/95 07 45 44 SevenOne Media GmbH Medienallee 4 D-85774 Unterföhring Tel. +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: +49 (0)160 4798880 Leon Wellmann Ad Manager leon.wellmann@sevenonemedia.de +49 [0] 89/95 07-46 18