GENERAL SPECIFICATIONS AND SUBMISSION DEADLINES FOR … · 2021. 1. 21. · // 6 Standard size:...

GENERAL SPECIFICATIONSAND SUBMISSION DEADLINES FOR

AD MATERIAL

// 2

Contents

Banderole Ad............................................................................... p. 15

Sitebar......................................................................................... p. 16

Double Sitebar................................................................................ p. 17

Video Wall.................................................................................... p. 18

InStream Video Ad (Pre-Roll, Mid-Roll, Post-Roll)....................... p. 19

Mobile Ads

Mobile Banner, Mobile Medium Rectangle.................................. p. 20

Mobile Poster Ad............................................................................ p. 21

TECHNICAL INFORMATION

Sound, Redirects/Third-Party Tags, Protocol.................................. p. 22

Rich Media/HTML Banner, Expandable Ads................................. p. 23

HTML 5........................................................................................... p. 24

Maximum CPU Loads............................................................. p. 27

CONTACTS p. 28

GENERAL INFORMATION

Submissions, Technical Checks and Misleading Ad......... p. 03

TYPES OF ONLINE ADS

Standard Types of Ads

Super Banner................................................................................ p. 04

Skyscraper.................................................................................... p. 04

Medium Rectangle........................................................................ p. 04

AdBundle..................................................................................... p. 04

Special Types of Ads

Halfpage Ad.................................................................................. p. 05

Billboard........................................................................................ p. 06

Wallpaper........................................................................................p. 08

U-Shape (Skyscraper on the sides)............................................... p. 11

U-Shape (Skyscraper on bottom)................................................. p. 13

// 3

Submissions

Submit ad material and technical questions to

[email protected]

Standard ads must be submitted at least 3 workdays before a campaign

starts.

Special types of ad must be submitted at least 5 workdays before a

campaign starts.

Please include the following information:

• Customer name, campaign name, campaign time frame, ad media; special

designations for ad material that is to be given special placement.

• Link "http://www.targeturl.com"

If you wish to replace existing ad material, you must specify exactly which

material you want replaced.

Submission deadline is at least 3 workdays before replacement.

All standard ad material should meet OVK standards.

For more detailed information, go to https://www.iab.com/wp-

content/uploads/2017/08/IABNewAdPortfolio_FINAL_2017.pdf

Technical Checks

If ad material does not meet technical specifications or

content guidelines, campaigns may be postponed for certain placements by

the number of days that it takes for ad material to be re-submitted to meet the

contractually agreed targets for impressions or clicks.

Please notify us in due time if you need to unexpectedly suspend a display

during a campaign due to any changes in ad material or maintenance on the

target page.

Misleading Ads

Target URLs for ads must function properly, and they must point to a

functioning website (as of the start of the campaign). They must not point to

an email address or a file.

Ads must not cause any software to download to a user's computer, unless

users are expressly informed beforehand about that software's installation,

operation and removal, and users are given the option to refuse to install the

software after reading such information.

Please note that fake ad material (such as Windows error reports and list

boxes that do not work) will not be accepted.

General Information

mailto:[email protected]

https://www.iab.com/wp-content/uploads/2017/08/IABNewAdPortfolio_FINAL_2017.pdf

// 4

Format: Redirect or physical ad material1

Note:

• If you are submitting HTML5 ad material, be sure to see our notes on

HTML5 in the Technical Information section.

1Physical ad material = JPG, GIF, PNG or HTML5; images = JPG, GIF or PNG

Types of Online Ads

Standard types of ads: Super Banner, Skyscraper, Medium Rectangle, AdBundle

Types of ads Dimensions

(width x

height)

File size

for

images1

File size for

HTML5(initial load/subload)

Super Banner 728x90px max. 100kB 100kB/200kB

Medium Rectangle 300x250px max. 100kB 100kB/200kB

Skyscraper 120x600px to

200x600px

max. 100kB 100kB/200kB

AdBundle 728x90px

160x600px to

200x600px

300x250px

max. 100kB 100kB/200kB

Sky-

scraper

160x600

Super Banner 728x90

Medium

Rectangle

300x250

// 5

Size: 300x600px


File size: 150kB for images1

150kB initial load/300kB subload HTML5

Streaming: Yes

Sound: On click. On/off button must be present.

Fallback: Images1

Notes:

• Halfpage Ad can be sticky or not sticky.




Types of Online Ads

Special type of ad: Halfpage Ad

Halfpage Ad

300x600

// 6

Standard size: 770x250px

For information about adjusting ads to different

page widths, see the next page.


File size: 150kB for images1 or

150kB initial load and 300kB subload HTML5

Streaming: Yes

Sound: On click. On/off button must be present.

Fallback: Images1

Notes:

• Bookings for multiscreen Billboard also require a Mobile Banner 2:1.




Types of Online Ads

Special type of ad: Billboard

Billboard

770x250

// 7

Types of Online Ads

Special type of ad: Billboard

Adjusted for different page widths:

1000ps.de............................................................................. 1100x250px

aero.de.................................................................................. 980x250px

aerokurier.de......................................................................... 1100x250px

auto-motor-und-sport.de........................................................1100x250px

caravaning.de........................................................................1100x250px

cavallo.de.............................................................................. 1100x250px

elektrobike-online.com.......................................................... 1100x250px

flugrevue.de.......................................................................... 1100x250px

klettern.de............................................................................. 1100x250px

menshealth.de.......................................................................1100x250px

motorradonline.de................................................................. 1100x250px

mountainbike-magazin.de..................................................... 1100x250px

outdoorchannel.de................................................................ 1100x250px

outdoor-magazin.com........................................................... 1100x250px

promobil.de........................................................................... 1100x250px

roadbike.de........................................................................... 1100x250px

runnersworld.de.................................................................... 1100x250px

soulsister-mag.de.................................................................. 1100x250px

womenshealth.de.................................................................. 1100x250px

// 8

Standard size: 728x90 + 160x600px

For information about adjusting ads to different

page widths, see the next page.

Format: Physical ad material1 or

Redirect after check also an option

File size: Total of 200kB for images1,

200kB initial load and

400kB subload for HTML5

Notes:

• Super Banner and Skyscraper should be submitted as separate elements.

• The Skyscraper should attach to the right side of the Super Banner. This

creates a cohesive image from both formats.

• Sticky Skyscraper and background colors on request.


Types of Online Ads

Special type of ads: Wallpaper

Super Banner

728x90

Sky-

scraper

160x600

// 9

Types of Online Ads

Special type of ads: Wallpaper (without a background color)

Super Banner adjusted for different page widths:

1000ps.de............................................................................. 1240x90px

aero.de.................................................................................. 980x90px




cavallo.de.............................................................................. 1120x90px


flugrevue.de.......................................................................... 1120x90px

klettern.de............................................................................. 1120x90px






promobil.de........................................................................... 1120x90px

roadbike.de........................................................................... 1120x90px




// 10

Types of Online Ads

Special type of ads: Wallpaper (with a background color)


1000ps.de............................................................................. 1240x90px

aero.de.................................................................................. 980x90px




cavallo.de.............................................................................. 1140x90px


flugrevue.de.......................................................................... 1140x90px

klettern.de............................................................................. 1140x90px






promobil.de........................................................................... 1140x90px

roadbike.de........................................................................... 1140x90px




// 11

Size: 160x600px + page width x 90px + 160x600px

For information about Super Banner sizes,

see the next page.

Format: Segments as iframe redirects or

physical ad material1 or

File size: Total of 250kB for images1,



Note:

• One Skyscraper should attach to the right side of the Super Banner and

the other Skyscraper should attach to the left side of the Super Banner.

This creates a cohesive image from all three formats.


Types of Online Ads

Special type of ads: U-Shape (Skyscraper on the sides)

Super Banner

Page width x 90

Sky-

scraper

160x600

Sky-

scraper

160x600

// 12

Types of Online Ads

Special type of ads: U-Shape (Skyscraper on the sides)


1000ps.de............................................................................. 1260x90px

aero.de.................................................................................. 980x90px




cavallo.de.............................................................................. 1140x90px


flugrevue.de.......................................................................... 1140x90px

klettern.de............................................................................. 1140x90px






promobil.de........................................................................... 1140x90px

roadbike.de........................................................................... 1140x90px




// 13

Size: 160x600px + Super Banner + 160x600px

For information about Super Banner sizes,

see the next page.

Format: Segments as iframe redirects or

physical ad material1 or

File size: Total of 250kB as images1,


500kB subload as HTML5

Notes:

• Both Skyscraper ads should attach to the bottom of the Super Banner. This

creates a cohesive image from all three formats.

• Skyscraper cannot be sticky.


Types of Online Ads

Special type of ads: U-Shape (Skyscraper on bottom)

Super Banner

Sky-

scraper

160x600

Sky-

scraper

160x600

160 160Page width

// 14

Types of Online Ads

Special type of ads: U-Shape (Skyscraper on bottom)

Size-adjusted Super Banner:

1000ps.de............................................................................. 1580x90px

aero.de.................................................................................. 1300x90px




cavallo.de.............................................................................. 1460x90px


flugrevue.de.......................................................................... 1460x90px

klettern.de............................................................................. 1460x90px






promobil.de........................................................................... 1460x90px

roadbike.de........................................................................... 1460x90px




// 15

Size: 770x250px

Reminder

graphic: 21x250px

(optional)

Format: Iframe or physical ad material1

but without functions (collapse and expand,

reminders)

Optionally as a JavaScript redirect2

including all functions (collapse and expand,

transparent background, reminders, positioning)

File size: 150kB for images1,

150kB initial load and 300kB subload for HTML5

Note:

• We use an ad material template to handle positioning of ad material and all

functions (collapse and expand, reminders).

2 Important:

• As a JavaScript redirect: Readily visible close button with the word Close.

• Should close automatically after no more than 15 to 20 seconds

(streaming video should close after video ends).


Types of Online Ads

Special type of ads: Banderole Ad

X

Banderole Ad

770x250

// 16

Standard size: 200/300x600px

Format: HTML5 or redirect after check are optional

File size: 150kB initial load


Notes:

• We recommend scaling to at least 50% of the original size (for legibility)

• If you submit material as physical HTML5, we will display it in an iframe.

We will scale the exterior dimensions. The ad material should fill all of the

space that is available.

• Redirects need to break out of a friendly iframe, position themselves and

scale themselves all on their own.

Types of Online Ads

Special type of ads: Sitebar

Sitebar

300x600

// 17

Standard size: at least 120x600px

(100% dynamically scaling)


File size: 150kB initial load


Notes:






Types of Online Ads

Special type of ads: Double Sitebar

// 18

Size: Maximum dimensions of Billboard

File size: Billboard:

150kB initial load and 300kB subload

Fullscreen layer:

200kB initial load and 400kB subload

The Video Wall is made up of two formats:

• Fullscreen layer with streaming video: 100% of width and height

• Billboard: Maximum dimensions depend on placement

Notes:

• The Billboard is normally a transparent element with a call-to-action button

that brings an interstitial into the foreground.

• Can only be submitted as third-party ad material through a rich media

service provider.

• Please use the tools offered by rich media service providers such as

Flashtalking and Sizmek to host and create your material.

Types of Online Ads

Special type of ads: Video Wall

X - Close

// 19

Notes:

• The resolution of other formats you submit should be higher than their

resolution will be later on the web. Motor Presse Stuttgart will encode and

resize video ads accordingly.

• MP4 files must have the right definition (16:9; 640x360px) and bit rate

(max. 900kbit/s) when they are submitted, because we cannot adjust them.

• The best way to share the raw format is through a web server, as a

downloadable file (maximum file size 100 MB).

• Maximum ad length: 30 seconds

• Your video ads will always be displayed as progressive downloads through

the Ströer Digital Media ad server.

• Tracking pixels can be included too, of course.

• This has to be a pixel embedded using an <img> tag.

• JavaScript calls will be denied.

Format: .mp4

Can be submitted as a redirect in VAST 3.0.

Size: 640x360 or 1280x720

(CCIR601/DV PAL or 16:9 anamorph)

Frame rate: 25 or 30 frames per second

Audio: 48 or 44kHz, 16 bit, stereo

Types of Online Ads

Special type of ads: InStream Video Ad (Pre-Roll, Mid-Roll, Post-roll)

// 20


For HTML5/redirects: HTML5 ad material must have normal

output dimensions.

The background graphic should always have

retina resolution (2x) .

Note:

• Please mark ad with –w– at the top left corner of your motif.

1Physical ad material = JPG, GIF, PNG or HTML5

Types of Online Ads

Mobile ads

Types of ads Dimensions

(width x

height)

Retina

dimensions

Weight(initial load/subload)

Mobile Banner 2:1 320x150px 640x300px 125kB/250kB



Mobile Medium

Rectangle

300x250px 600x500px 125kB/250kB

Mobile Banner

Mobile

Medium Rectangle

// 21

Standard size: 375x680px


File size: max. 100kB Images

150kB initial load


Notes:







Types of Online Ads

Special type of ads: Mobile Poster Ad

Mobile Poster Ad

Mobile Poster Ad

// 22

Sound

If you want to use sound effects or music in your ad material, please

remember the following points:

• Sound effects can only start playing if a user interacts with the ad.

• Sound can only start from a click or a mouseover (only for certain

placements on request). Sound can only play once and must not repeat

(no loops).

• Ad material should have a readily visible option for disabling sound, such

as "Sound on/off," "Music on/off" and/or a speaker icon.

• The sound must stop when the user closes or clicks on the ad material

(with layers, for instance).

Redirects/Third-party tags

Redirects are ads that are not physically present on the ad server but are

displayed by another ad server. They essentially mean that Motor Presse

Stuttgart 'refers' the user to a third-party ad server.

Please note the following for cases when ads are displayed as redirects:

• Redirects/third-party tags must be active for testing purposes when ads are

submitted.

• If third-party tags (Adform, Sizmek, Flashtalking, Adition, etc.) are used in

an ad, please include specific instructions for including our click counters

and a contact at the third party.

• Layers that function as redirects must be fully positionable using URL

parameters or JavaScript variables (which you may need to add).

• Expanding ad material and layers that function as redirects must disable

and later re-enable list boxes that get covered up.

• No transparent surfaces may remain after a user closes or collapses

expanding ad material or layers.

Protocol

All components in your ad material, especially tracking pixels and external ad

server systems, must use HTTPS protocol. Use of HTTP results in display

errors and tracking differences.

Technical Information

General technical specifications

// 23

Rich media/HTML Banner

• When using rich media Banner, be sure to name variables and elements

appropriately in order to prevent unintended interactions between banners

and campaigns or, worse, between banners and page content.

• If your ad material contains a form method, please only use the GET

function.

• Style class names can only use the character sets A-Z, a-z and 0-9.

• Please remove all comments, spaces and tabs from the code. More

precise specifications are available on request.

• With all clicks (such as HREF and FORM ACTION), remember

target="_blank" so that the target URL also appears in a new window.

Expandable ads

• Ad material should open with an onclick (in which case there must be a

close button) or a mouseover and close with an onclick or mouseout.

• Ad material must move back to its original position as soon as a user

moves their mouse off the ad surface.

• Transparent surfaces cannot be clickable.

• Ad material must be submitted as a file (a surface that is partially covered

at first).

• There must be a 600ms activation delay (user must hold mouse over ad

material for 600ms before it expands) -- the same applies to an ad's

animation and sound.

• Pre-expanding: Ad material should open once automatically and close on

its own after no more than 10 seconds, and a readily visible close button

should enable users to close the ad before that.



// 24

HTML5

Libraries like the ones exported by Adobe Edge or Google Swiffy Converter

can only be used to a limited extent and must be tested before a campaign

starts.

Physical submissions are only permitted for Super Banner, Skyscraper,

Medium Rectangle, Halfpage Ad, Billboard, Wallpaper and U-Shape. For each

element (Wallpaper, Super Banner and Skyscraper) in a physical submission,

we need a ZIP file containing all of the assets that make up the ad material.

Please refrain from referencing external objects. There also needs to be an

index.html file as a starting point, and you need to use relative path

referencing to embed all embedded scripts and all of the elements contained

in the ZIP file.

File sizes and load times

Industry norms allow HTML5 ad material to load data at three different times:

• Initial load: Can initiate immediately. All files required for initial graphic

display should load at this time. This is also the time to collect metrics such

as ad impressions and visibility.

• Subload: This used to be called a polite download. It allows the main parts

of ad material (images, interactive elements, complex animation) to load.

Ad material is permitted to initiate a subload if the top window has sent the

load event. The top window cannot normally be accessed when Motor

Presse Stuttgart displays physically submitted ad material. You can work

around this by calling the load event of the current window object.

• User-initiated load: Can be initiated when the user interacts with the ad

material (touch, click, mouseover). An unlimited amount of data can be

loaded after that point. This is when videos or audio files should load.

Please note that mobile users usually have limited data available so their

load should be kept as small as possible.

Information from the OVK regarding HTML5 (German only):

http://www.werbeformen.de/ovk/ovk-de/werbeformen/spezifikationen/html-

5.html

If you want to use one of the methods described by the OVK (Circle of Online

Marketers, Germany), please get in touch with us in advance so we can

provide you with any page functionalities you might need.



http://www.werbeformen.de/ovk/ovk-de/werbeformen/spezifikationen/html-5.html

// 25

Please use the tools offered by rich media service providers such as AdForm,

DoubleClick, Flashtalking and Sizmek to host and create your redirect tags.

Other rich media service providers must be tested in advance, on request.

Third-party redirect scripts are subject to the submission requirements for

third-party tags. The agency or the ad material host will then be responsible

for correct implementation and, if necessary, for the positioning and

functionality of all of that type of ad on our pages.

The maximum file sizes we have defined apply here too. On request, we can

grant more scope in terms of total file size for special HTML5 inserts. Extra

scope of this kind cannot be granted for standard implementations.

Use of libraries can result in unintended side effects, so you must submit

them in a closed frame (iframe).

Third-party tracking pixels and click commands need to be integrated in the

HTML before creation. Clicks may be tracked too in some cases, depending

on the type of redirect. Always deliver a fallback image1 that is defined in your

type of ad if a browser does not support a special feature or the library you

have used.

Wallpaper/U-Shape (Fireplace)

Super Banner and Skyscraper should be submitted in separate tags

(iframes).

Redirect 1 tag solutions cannot be used for all placements, and whenever

they are used they must be fully positionable using URL parameters and

tested in advance.

Video material

Your ad must display as a third-party iframe if it uses video material.

The user experience cannot be impacted by loading banner material in a

common computing configuration.

(mp4, 4:3 or 16:9, maximum Full HD 1920×1080, bit rate: 750kbps – 1Mbps,

15 – 25 frames per second)

1images = JPG, GIF or PNG



// 26

Local connects

HTML5 ad formats that combine multiple banners and use synchronized

animation sequences (local connects) must take into account that banners

are implemented using iframes in such cases.

To avoid potential restrictions on banner communication due to the same-

origin-policy (SOP), you can embed a message bridge that legitimates the

communication between iframes under the SOP.

If a rich media service provider hosts your HTML5 ad formats, find out in

advance if they offer a solution for synchronized animation sequences.

Motor Presse Stuttgart will assume that submitted material is documented

and that it can be used without any additional modifications. The agency or

the rich media service provider is responsible for coordinating and installing

message handlers in your ad so that any messages that have been

transmitted are received, processed and sent. Installation must occur before

an ad is submitted. The same requirements apply if material is submitted as

an HTML5 ZIP file and you synchronize the animation sequences in your

creation on your own.

Clicktags

Write clicktags as one word: clicktag.

Multiple clicktags should be written like this: clicktag, clicktag1, clicktag2 <n>

The following lines of code should be integrated in HTML5 ad material to

transmit clicktags.

The function returns all GET parameters that are transmitted to the file:

<script>

var getUriParams = function() {

var query_string = {}

var query = window.location.search.substring(1);

var parmsArray = query.split('&');

if(parmsArray.length <= 0) return query_string;

for(var i = 0; i < parmsArray.length; i++) {

var pair = parmsArray[i].split('=');

var val = decodeURIComponent(pair[1]);

if (val != '' && pair[0] != '') query_string[pair[0]] = val;

}

return query_string;

}();

</script>



// 27

Example: HTML and assigning links:

Two HTML links with no assigned links:

<a href="#clicktag" id="clicktag">IAB clicktag</a>

<a href="#clicktag2" id=" clicktag2">IAB clicktag</a>

You can then use these lines of JavaScript to assign clicktags to the HTML

elements:

<script>

document.getElementById('clicktag').setAttribute('href',

getUriParams.clicktag);

document.getElementById('clicktag2').setAttribute('href',

getUriParams.clicktag2);

</script>

Functional testing of clicktag GET parameters for transmission to ad material.

The creative agency should test the ad material for functioning clicktag

transmission in order to eliminate unnecessary feedback loops.

Test:

html5ad.html?clicktag=%LANDINGPAGE%

Replace %LANDINGPAGE% with a test target page and enable it to transmit

URL‐encoded (encodeURIComponent function).

For ad material that is submitted as an:

• HTML5 ZIP file: Include the clicktag/landing page combinations in your

email.

• Third-party redirect iframe: Include the corresponding clicktag GET

parameters encoded right in the iframe URL of your iframe tag.

In addition, please note that you cannot present multi-clicktags separately in a

single piece of ad material. Clicks are always presented in a KPI report

cumulatively for each type of ad.

Maximum CPU load

Must not exceed 30% for current standard devices.



// 28

Campaign Management

[email protected]

Nina Kastner

Campaign Manager

+49 711 182-1064

Vivien Renz

Auszubildende Medienkauffrau

+49 711 182-1788

Contacts

mailto:[email protected]

GENERAL SPECIFICATIONS AND SUBMISSION DEADLINES FOR … · 2021. 1. 21. · // 6 Standard size:...

Documents

Transcript of GENERAL SPECIFICATIONS AND SUBMISSION DEADLINES FOR … · 2021. 1. 21. · // 6 Standard size:...