DIGITAL AD SPECIFICATIONS 10/03/16 In progress Contents Contents .................................................................................................................................................. 2 GENERAL GUIDELINES ............................................................................................................................. 3 Important / Turnaround time: ............................................................................................................ 3 Validation: ........................................................................................................................................... 3 Languages: .......................................................................................................................................... 3 DISPLAY AD SPECIFICATIONS : DESKTOP, MOBILE and APPs .................................................................. 4 DISPLAY GENERAL GUIDELINES: .......................................................................................................... 4 Flash technology ................................................................................................................................. 4 WEB (Desktop, Tablet, Mobile): .......................................................................................................... 5 APPS (Tablet, Mobile): ........................................................................................................................ 6 HTML5 (AJAX, etc…) and MRAID SPECIFICATIONS ............................................................................. 7 EUROSPORT ONET PL SITE: ............................................................................................................... 10 VIDEO AD SPECIFICATIONS : DESKTOP, MOBILE and APPs ................................................................... 12 1. Media file specifications: .......................................................................................................... 12 2. WRAPPER redirect specifications:............................................................................................. 13 Stream Ad max. duration: ................................................................................................................. 13 CONTACTS ............................................................................................................................................. 14 Maryan Terrace ................................................................................................................................. 14 Cyril Lefebvre .................................................................................................................................... 14 SPECIFICATIONS TECHNIQUES 2016 2 GENERAL GUIDELINES V2 - January 2016 Important / Turnaround time: All creatives must be delivered to Eurosport at least 5 working days before the start of the campaign. Each creative is subject to tests (specifications, CPU overload, general design…), and final acceptation from the Digital Ad Operations team. Validation: Testing your creative and 3rd party tag is mandatory Please pre-validate any VAST or MRAID creative before you send it to us VAST & VIDEO: You must validate any VAST here before you send it to us: https://developers.google.com/interactive-media-ads/docs/sdks/html5/vastinspector (Also, please follow our guidelines: VIDEO AD SPECIFICATIONS : DESKTOP, MOBILE and APPs) MRAID AND DISPLAY FOR MOBILE APPLICATIONS: You must validate any MRAID creative here before you send it to us: http://www.iab.com/guidelines/mobile-app-mraid-ads-sdk-tester/ (Also, please follow our guidelines: DISPLAY AD SPECIFICATIONS : DESKTOP, MOBILE and APPs) 3RD PARTY TAG Any 3rd Party Tags should be tested before going live. Languages: All creatives must be displayed in the site's language (or subtitled) - .COM/.CO.UK: English - .DE: German - .ES: Spanish - .IT: Italian - .FR: French - .RU: Russian - PL: Polish - TR: Turkish SPECIFICATIONS TECHNIQUES 2016 3 DISPLAY AD SPECIFICATIONS : DESKTOP, MOBILE and APPs DISPLAY GENERAL GUIDELINES: IAB The display ad should follow the general rules offset by the IAB guidelines (http://www.iab.com/guidelines/iab-display-advertising-guidelines/). Also, the bellow conditions must be respected FILE FORMAT: Creative must be provided in one of the following formats: - HTML5 and backup asset (JPG or GIF) See bellow “HTML5 WEB SPECIFICATION” - MRAID - JPG - GIF The click through URL's is also mandatory. Any tracking on the click through URL is supposed to be checked by the client first GENERAL DESIGN: A border is required on all sides of the format if its colour tone does not contrast well with the page background. THIRD PARTY 3rd Party Tags can be used but need to be tested before going live. Adserver variable _ADTIME_ should be included for the timestamp. Example: http://adserver.adtech.de/adserv|3.0|ADTECH;Adid=;BnId=1;misc=[TIMESTAMP] becomes: http://adserver.adtech.de/adserv|3.0|ADTECH;Adid=;BnId=1;misc=_ADTIME_ Any 3rd Party Tags is supposed to be checked by the client first Flash technology Flash is no longer supported on EUROSPORT’s network SPECIFICATIONS TECHNIQUES 2016 4 WEB (Desktop, Tablet, Mobile): FORMAT Pre-Site DIMENSIONS Web : 1350x640 GIF / JPEG 100 KB HTML5 Creative : 110 KB + Loaded Video : 1 MB Tablet : 800x600 80 KB Creative : 90 KB + Loaded Video : 500 KB Mobile : soon Web : 970x250 / 970x90 80 KB Creative : 90 KB + Loaded Video : 500 KB Tablet : 970x90 40 KB Creative : 50 KB + Loaded Video : 300 KB Mobile : 320x50 30 KB Creative : 40 KB + Loaded Video : 300 KB Web : 300x250 / 300x600 50 KB Creative : 60 KB + Loaded Video : 300 KB Tablet : 300x250 40 KB Creative : 50 KB + Loaded Video : 300 KB Mobile : 300x250 40 KB Creative : 50 KB + Loaded Video : 300 KB Betting Box Web only : 300x170 30 KB Creative : 40 KB + Loaded Video : 300 KB Box Web only : 300x50 30 KB Creative : 40 KB + Loaded Video : 300 KB Billboard Rectangle SPECIFICATIONS TECHNIQUES 2016 5 APPS (Tablet, Mobile): FORMAT Interstitial In-app Interstitial Rectangle Banner DIMENSIONS Tablet : 1024x768 GIF / JPEG 100 KB HTML5 (MRAID) Creative : 110 KB + Loaded Video : 1 MB Mobile : 320x480 40 KB Creative : 50 KB + Loaded Video : 500 KB Tablet : 1024x768 40 KB Creative : 110 KB + Loaded Video : 1 MB Mobile : 320x480 40 KB Creative : 50 KB + Loaded Video : 500 KB Tablet : 300x250 40 KB Creative : 50 KB + Loaded Video : 300 KB Mobile : 300x250 40 KB Creative : 50 KB + Loaded Video : 300 KB Tablet : 728x90 40 KB Creative : 50 KB + Loaded Video : 300 KB Mobile : 320x50 30 KB Creative : 40 KB + Loaded Video : 300 KB SPECIFICATIONS TECHNIQUES 2016 6 HTML5 (AJAX, etc…) and MRAID SPECIFICATIONS IAB Web HTML5: The display ad should follow the general rules offset by the IAB guidelines (http://www.iab.com/guidelines/iab-display-advertising-guidelines/). Mobile Applications and MRAID specification: On mobile applications, the display ad should also follow the specific MRAID rules offset by the IAB guidelines (http://www.iab.com/guidelines/mobile-rich-media-ad-interface-definitions-mraid/). Please validate any creative you send on the IAB tester : http://www.iab.com/guidelines/mobile-app-mraid-ads-sdk-tester/ Also, the bellow conditions must be respected HTML5 FOR EUROSPORT Please note that the specifications described below apply on desktop creatives only: Mobile, Tablette and Apps creative can be provided according to the following guidelines and will be tested, but Eurosport cannot guarantee that any HTML5 Ad will be validated Conditions: 1. [NO IFRAME] Do not build the basic structure of an HTML file (the elements html, head, title, body etc.). The banner will almost always be delivered within a TAG that is part of the website with an existing HTML file structure. 2. Put all necessary scripts within the index.html file (root directory). 3. Put all files into the root directory; do not use a folder structure. Only one folder level can be possibly accepted - for example: folder “images” including all the image files directly (without additional subfolders). 4. Use unique identifiers, classes, variables and function names per banner. 5. Adserver variables should be included in the html code: a. to count clicks Example: <a href="_ADCLICK_http://www.aol.com" target="_blank"> <img src="_ADPATH_300x250_blau.jpg" width="300" height="250" alt="ADTECH" /></a> b. To define the correct path to images Example: <a href="_ADCLICK_http://www.aol.com" target="_blank"> <img src="_ADPATH_300x250_blau.jpg" width="300" height="250" alt="ADTECH" /></a> SPECIFICATIONS TECHNIQUES 2016 7 c. To replace cache-busting macro Example http://adserver.adtech.de/adserv|3.0|ADTECH;Adid=;BnId=1;misc=[TIMESTAMP] http://adserver.adtech.de/adserv|3.0|ADTECH;Adid=;BnId=1;misc=_ADTIME_ 6. Please note it’s mandatory to include the redirection url (with <a href/> tag), the images path (<img src="”>) and all the adserver variables within your index.html file, not in other elements of the creative. 7. Tracking codes should be SSL- secured. 8. If you’d like to use any video files within your creative, please send them in advance and separately. The files will be hosted on our server; we’ll provide you with a link to be pasted in your code. 9. Supported video format: mp4 and webm; video size limit: 1 MB. 10. HTML5 ads must optimize the number of requests being made to the server to reduce the impact on performance. For this release, a maximum of 15 file requests for initial file load is imposed to ensure little adverse effect on page load performance. 11. The links/ calls to external servers are not allowed. 12. File sizes: a. File weight is measured after all code and assets are stored to a .zip file. b. The .zip file must include all assets and reference code such as JavaScript libraries. c. Max File size: 110 KB (+ video/animation files of max 1 MB) : see details for WEB (Desktop, Tablet, Mobile):or APPS (Tablet, Mobile): 13. Video / Animation : a. Length is limited to 30 sec. (unless reinitialised by user – then the video is limited to 1,30 min.) b. Normal sound level: -18 dBfs, max. sound level: -6 dBfs, c. Video bitrate: 500-700 KBps d. Video : The video is hosted by Eurosport, according to the video specifications : VIDEO AD SPECIFICATIONS : DESKTOP, MOBILE and APPs 14. Sound can be activated only by user and not by default. 15. Video can be launched only within the limits of creative element. 16. In video formats, it is mandatory to include the following buttons: play, pause, sound on/ off (+ optionally replay button). SPECIFICATIONS TECHNIQUES 2016 8 17. Buttons should work correctly and not create any confusion. 18. Supported image types: GIF, JPG, PNG. 19. Charset to be used: UTF-8. 20. If Javascript library is used, please choose Jquery 2.0 (compatible with our websites). 21. Redirection page should be opened in a new browser window/ tab. Transparent creatives are forbidden. Creative should be clearly limited on the web page, in case of white or clear background, dark borders are mandatory. The code can’t affect the proper functioning of the website or other ads. All creative will be subject to tests (specifications, CPU overload…) and to final acceptation from Eurosport Digital Ad Operations department. Other specifications for rich media formats may apply, for example in case of expandable creative – please contact us for further details. 22. Guidance for ad designers and creative technologist is available HERE and HERE Example: Here is an illustration of an HTML5 banner according to the above specifications HTML5 software recommendations: Adobe Edge: KO The software is not allowed, as it does not respect “condition 1” mentioned above. Swiffy : KO The software is not allowed, as it does not respect the above HTML specifications. SPECIFICATIONS TECHNIQUES 2016 9 EUROSPORT ONET PL SITE: DESKTOP : HTML5 (AJAX, ETC…) WEB SPECIFICATIONS 1. Due to its diversity HTML5 source codes are subject to prior revision and approval by Publisher. All materials should be delivered at least 5 days before start of campaign. 2. Creatives must comply with the requirements described in the particular ad formats specifications. None of its elements can interfere with Publisher websites or other advertising. 3. Code source: a. HTML5 code elements: one Html file, script library (JavaScript), unique name files with style sheets (CSS3), graphics and optional video or rich media elements. All elements have to be sent together as .zip file. b. All code elements should be hosted at Partner servers e.g. Sizmek / Doubleclick or all should be hosted at Publisher servers. c. Due to optimizing reasons, Publisher reserves the right to save 3’rd party Partners script library on Publisher’s servers. JavaScripts library can be downloaded only once, at first ad appearance (for the further delivery the JS Library should be cached in browser memory). d. Creative weight limit is 2 times higher (limited time offer) from the standard (does not include JacaScript libraries). In this case, Client must prepare the so-called preloader (not applicable layer forms). Preloader is lightweight graphics, which is loaded as the first element of creative, showed to users before main advertisement. e. If creative weight limit is 2 times higher (limited time offer) from the standard (including JavaScript libraries), Client does not have to prepare preloader. f. Creatives should be compliant with responsive web design. g. Creatives can not use jQuery libraries. h. Code have to support Friendly iFrame. i. Code have to support Publisher counting metrics e.g clickTAG. j. Close buttons “ZAMKNIJ X” should be send as separate file and set on creatives by Publisher. 4. HTML5 is not supported by Internet Explorer 8 and earlier. Campaign delivery will be excluded on this browsers. 5. Publisher do not provide HTML5 interaction measurement for rich media. All that kind of measurement should be carried out on Client side. SPECIFICATIONS TECHNIQUES 2016 10 6. Measurement point for AdImpression is the first loaded element of the advertisement. 7. For expandable ads, display ads containing video or other custom ads, Publisher reserve the right to add additional requirements before start of the campaign delivery. 8. CPU load: a. any advertisement cannot slow the system performance to the extent that it impedes the functioning of other applications. The CPU load is determined on a standard 2.0 GHz processor. b. the maximum CPU load of ads constantly displayed on the webpage (banners, skyscrapers, rectangles – standard, scrollable and expandable etc.) cannot exceed 30% on a standard processor. c. the maximum CPU load of layer ads cannot exceed 40% on a standard processor. d. a temporary increase of CPU load of standard processor specified in point 9 above is acceptable up to 60% for ads constantly displayed on the webpage and up to 80% for the closable ads, only if it lasts maximum 2 seconds and appears only once in animation loop and full animation loop cannot exceed 10 seconds. Guidance for ad designers and creative technologist is available HERE. SPECIFICATIONS TECHNIQUES 2016 11 VIDEO AD SPECIFICATIONS : DESKTOP, MOBILE and APPs Instream (preroll, postroll) and Outstream (inread) Please note that specifications are the same for all devices: desktops, mobiles and tablets Creatives can be delivered in 2 different types: 1. Media file only (+the clickthrough link / URL) 2. Script file as a WRAPPER redirect Each accepted ad types is further described bellow 1. Media file specifications: - Format: MP4 and WEBM as backup (for Android) Preferred codec: H.264 (progressive or adaptive streaming) Max. duration 30 sec. Normal sound level: -18 dBfs, Max. sound level: -6 dBfs, Frames per second ratio: 25. Video ratio (width/height): 16:9 For each type of device : DESKTOP MOBILE TABLET - DIMENSIONS 1024x576px 640x360px 640x360px MAX. BITRATE 700-1500 KBps 500-700 KBps 500-700 KBps MAX. SIZE 3 MB 1.5 MB 1.5 MB The Clickthrough link is mandatory (URL) SPECIFICATIONS TECHNIQUES 2016 12 2. WRAPPER redirect specifications: WRAPPER redirect tags must be VAST3 compliant, as specified by the IAB specifications (http://www.iab.net/media/file/VASTv3.0.pdf). Also, the bellow conditions must be respected: - The Media within the target VAST must be compliant with the above “Media file specifications” - Non-Linear Ad are not currently allowed - A skipoffset attribute MUST be present. However, if you do not want to allow the user to skip the video, you can use a time value over the duration of the ad (Please remember that the maximum duration is 30 seconds). For example : <Creative> <Linear skipoffset=”00:00:45”>…</Linear> </Creative> - VPAID and VMAP are not currently accepted, especially on mobile devices - The script must not affect the proper functioning of the app, video player, website or other ads Stream Ad max. duration: - 6-30 seconds. SPECIFICATIONS TECHNIQUES 2016 13 CONTACTS For further questions please do not hesitate to contact us. Maryan Terrace Digital Ad Technical Manager Maryan_Terrace.external@discovery.com +33 1 40 93 82 85 Cyril Lefebvre Head of Digital Ad Operations Cyril_Lefebvre@discovery.com SPECIFICATIONS TECHNIQUES 2016 14