digital ad specifications

advertisement
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
Download