TECHNICAL SPECIFICATION DETAILS OF AD FORMATS FOR DIGITAL APPEARANCES OF THE BRANDS W&V, KONTAKTER AND LEAD DIGITAL

Size: px

Start display at page:

Download "TECHNICAL SPECIFICATION DETAILS OF AD FORMATS FOR DIGITAL APPEARANCES OF THE BRANDS W&V, KONTAKTER AND LEAD DIGITAL"

Eugene Houston
6 years ago
Views:

1 TECHNICAL SPECIFICATION DETAILS OF AD FORMATS FOR DIGITAL APPEARANCES OF THE BRANDS W&V, KONTAKTER AND LEAD DIGITAL Verlag Werben & Verkaufen GmbH, 2018

2 OVERVIEW I. General information II. III. IV. 3rd party tag and tracking HTML5 Display ads V. Newsletter VI. VII. VIII. Native advertising Ad specials 2

3 GENERAL INFORMATION VERLAG WERBEN & VERKAUFEN 3 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

4 ADVERTISING MEDIA SUBMISSION Advertising media are to be submitted solely via our address The for advertising media submission must contain the following information: Customer name Campaign name Booking period Booked page or product Destination URL person for queries Advertising media as ZIP file There is a submission deadline for standard ad formats such as JPG/GIF files, 3rd party solutions and text advertisements for the newsletter: three working days prior to placement. In the case of special ad formats and HTML5 ads, the advertising media have to be supplied five working days prior to placement. Feel free to contact us in advance if you require individual ad formats. In this case, submission is by arrangement with the Account Management If you fail to observe the technical specifications and/or submission requirements, this may result in a delay to the start of the campaign. This means that any entitlement to compensation on the part of advertising customers are invalid. 4

5 SPECIAL FEATURES Delivery of ads in iframes: Werben & Verkaufen delivers all advertisements in friendly iframes. That way, no conflicts between page and ad programming will occur. This has to be taken into account when implementing expanding ad formats, for instance. HTTPS delivery: W&V websites and features can be accessed via both HTTP and HTTPS. HTTPS will be the new standard as of 2017 and must therefore be fully supported by all ad formats, tracking pixels and 3rd party tags. Responsive design: Web pages feature fully responsive design, which is realised using CSS3 media queries and JavaScript. In a flexible layout, scaling of advertising media can occur. This is to be taken into account when creating and technically implementing advertisements. Internet Explorer: Werben & Verkaufen supports Internet Explorer from version 11. Flash: Flash ads can no longer be supplied from January We recommend creating animated or interactive advertising media using the modern HTML5 standard. This is the only way to ensure that an advertisement can be shown on the largest possible number of devices and browsers. Animation: If the last frame at the end of the timeline is blank, care must be taken to ensure that the advertising medium stays in place with a powerful message. Scalability: Please take care to ensure that the advertising medium is scalable. 5

6 3 RD PARTY TAG/TRACKING 6 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

7 3 RD PARTY TAG/TRACKING Potential provision of 3rd party tags as script, redirect or iframe tags and the maximum permitted file sizes and types this involves is based on our technical specifications (see individual pages). The possibility of supplying a click command to the redirect URL must be available and documented so that clicks can be measured by W&V, otherwise these will not be shown in the report. Notes: 99% accessibility of the 3rd party ad server must also be ensured. 3rd party advertising media may not leave the container in which they are loaded. In other words, they must not attach themselves to the <body> or other HTML elements of the page. All content from a partner's server (e.g. HTML5 ad resources, 3rd party tags, tracking pixels) must function in both an HTTP and an HTTPS context. XSS is not permitted. Tracking pixels must always contain the following inline styles so as to rule out layout errors: <Img src="..."style="height:0px;visibility:hidden;display:none;line-height:0px"/> 7

8 HTML5 8 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

9 HTML5 HTML5 ads are made up of individual website elements which interact. These include HTML files, CSS files, JavaScript files, images, video etc. Unlike Flash ads, these individual components are not packaged in a single executable element. For this reason, special requirements have to be observed. 1. Preliminary note Werben & Verkaufen supplies HTML5 ads as standard within a friendly iframe. The ad is linked by means of an additional click layer. If ads are to contain interactive elements (e.g. different click options, forms, game-like interactions or similar), please consult with W&V regarding direct integration. 2. File size For an optimum user experience, load and rendering times of the ads have to be kept to a minimum. For this reason, HTML5 ads must be kept as small as possible and consist of as small a number of individual elements as possible (reduction of HTTP requests). Graphics and videos have to be compressed as effectively as possible, as do CSS and JavaScript libraries. Local CSS and JavaScript libraries are always to be applied in minimised form. The following compression tools are recommended, though there are numerous alternatives: Graphics: JavaScript: CSS: When using fragmented layouts with lots of icons, it might be necessary to use sprites. 9

10 HTML5 The following file sizes are the maximum and refer to the entire ad incl. all resources: 2.1. Maximum initial size Desktop: 100 KB Mobile: 40 KB 2.2. Maximum size for automatically reloading content Desktop: 150 KB Mobile: 100 KB 2.3. Maximum size for reloading content requiring user interaction (e.g. video stream or similar) Desktop: 2.5 MB Mobile: 2.0 MB 3. File structure and file submission All individual files must be in the same folder. No subfolders must be used. The main file is to be named index.html. All paths to other resources are to be set relative to the main file and relative to each other. Externally incorporated resources such as JavaScript libraries, web fonts etc. are an exception: these have to be referenced absolutely. A complete HTML5 ad must be supplied in a ZIP archive. This archive contains all the necessary components with the exception of the externally incorporated resources. The landing page URL must also be supplied separately. 10

11 HTML5 4. Coding and libraries 4.1. document.write document.write may not be used. All ads are loaded and executed asynchronously. Alternative DOM operations such as appendchild() are to be used, executed via the document.onload handler Code compression The HTML document of the ad may contain no more than 4,500 characters. Larger stylesheets and JavaScript functions are to be moved to separate documents. CSS and JavaScript libraries are to be applied in minimised form. It is also recommended that your own scripts should be compressed (see above for recommended tools). 5. Browser compatibility Werben & Verkaufen web pages are fully responsive. This is realised by means of CSS3 media queries and JavaScript. When developing tablet and smartphone ads, it is therefore important to ensure that the ad can handle a flexible width. The ad slot is automatically scaled to 100%. W&V websites support Internet Explorer from version 9. Only rudimentary support for layout and standard ad formats exists for version 8 of Internet Explorer. For this reason, integration of special ad formats in particular is not supported. If an ad does not work perfectly on all browsers, a JPG/GIF fallback must be incorporated in planning as part of the ad. Werben & Verkaufen must be informed of any lack of browser support. The company reserves the right to limit supply to a compatible browser. All HTML5 ads must be UTF-8 compatible. 11

12 HTML5 6. Animation Animations are essentially possible. However, when creating them it should be noted that animations draw heavily on the CPU and GPU resources of the client. For this reason, it is not possible to have numerous parallel and overlapping animations with transparent graphics. 7. Videos It should be noted that videos on mobile end devices cannot be directly linked. The clicktag has to be placed outside the video, e.g. on an additional button. File size and quality of videos have to be optimised so as to make them suitable for streaming in a server environment. The maximum video file size is 2.5 MB. Every video has to be submitted in the formats H.264/MP4 and VP8/VP9/WebM. Videos can be integrated in an ad by means of the HTML5 video tag <video></video>. Video ads have to include a preview image. Autoplay is allowed on desktops as soon as a video is fully loaded. Autoplay is not allowed on mobile end devices; videos can only be played after a user interaction has occurred. 12

13 DISPLAY ADS CREATE THE PERFECT SHOWCASE 13 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

14 STANDARD ADS 14 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

15 STANDARD ADS Ad formats Format in pixels File type Max. KB Looping Streaming Content ad 300 x 250 GIF/JPG/3rd party tag*/html5** 100 Max. 3 No Superbanner 930 x 90 GIF/JPG/3rd party tag/html5 100 Max. 3 No Skyscraper 160 x 600 GIF/JPG/3rd party tag/html5 100 Max. 3 No Wide skyscraper 300 x 600 GIF/JPG/3rd party tag/html5 100 Max. 3 No Wide content ad 600 x 250 GIF/JPG/3rd party tag/html5 100 Max. 3 No Half page 300 x 600 GIF/JPG/3rd party tag/html5 100 Max. 3 No Billboard 930 x 250 GIF/JPG/3rd party tag/html5 100 Max. 3 No Text Ad Image: 290 x 163 Headline: max. 60 characters Teaser text: max. 240 characters GIF/JPG + Word 35 No * You will find the technical specifications for the 3rd party tag on page 7. ** You will find the technical specifications for the HTML5 ad on pages

16 PREMIUM ADS 16 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

17 PREMIUM ADS Ad formats Description Format in pixels File type Max. KB Streaming Sticky skyscraper Remains permanently in the visible section of the web page while the page is scrolled. 160 x 600 GIF/JPG 3rd party tag 100 No HTML5 Wallpaper Combination of a skyscraper at the right-hand side of the page and a superbanner which attaches to the left-hand side of the skyscraper. For background colouring, please provide a separate HTML colour code. 960 x x 600 Supplied in two separate files. GIF/JPG 3rd party tag HTML5 100 No Sticky wallpaper Combination of a sticky skyscraper on the righthand side of the page and a superbanner which attaches on the left-hand side. For background colouring, please provide a separate HTML colour code. 960 x x 600 Supplied in two separate files. GIF/JPG 3rd party tag HTML5 100 No Maxi wallpaper Consists of two skyscrapers which attach to the lefthand and right-hand side of a superbanner. For background colouring, please provide a separate HTML colour code. 160 x x x 600 Supplied in three separate files. GIF/JPG 3rd party tag HTML5 150 No 17

18 PREMIUM ADS Ad formats Description Format in pixels File type Max. KB Panorama billboard An oversized billboard under the navigation bar which provides a screen effect. Max x 400 GIF/JPG 3rd party tag HTML5 200 Tandem ad Tandem ads consist of a combination of a maximum wallpaper and a billboard. 160 x x x x 250 Supplied in four separate files. GIF/JPG 3rd party tag HTML5 200 Takeover: Image/video When the web page is accessed, the takeover appears briefly, filling the entire browser window. The GIF/JPG/video is integrated in a transparent layer and can be closed by means of a Close button. Autoclose is possible after 15 s + tracking pixel. 800 x 600 Video: 16:9 GIF/JPG MP4* Banner: Max. 100 KB Video*: Max. 10 MB Gallery ad Appears in the image gallery at the following intervals: after two images, then after another four, then after another six and finally after every eighth image. 900 x 500 Aspect ratio 16:9 GIF/JPG 100 * You will find the technical specifications for integrating a video on page

19 PREMIUM ADS PUSHDOWN BILLBOARD Format Description Tracking File type Max. KB 930 x x 500 A billboard underneath the navigation bar which shifts the content downwards by click or mouseover. Tracking pixel + click command possible GIF/JPG/3rd party tag/html5* 100 Notes on interaction: 1. Interaction by clicking: The pushdown ad only opens by means of a click on a button such as Show Ad. The ad expands on click. After this, a button such as Close Ad has to appear to close the banner. 2. Interaction by mouseover: The ad expands automatically as soon as the mouse is above the ad and it collapses back automatically as soon as the mouse moves outside the ad. * You will find the technical specifications for HTML5 from page 9. 19

20 PREMIUM ADS VIDEO FIREPLACE Format Description Tracking File type Max. KB 160 x x x 600 On opening the website, the video starts in the page background and can be expanded to the whole screen by user interaction. It is possible to pause or restart the video. After the end of the video, the fallback banners supplied appear in maximum wallpaper format. Tracking pixel + click command possible Video* + GIF/JPG as fallback Video: max. 10 MB/ image: max. 100 KB Notes: 1. W&V takes care of hosting the video. 2. For background colouring, please provide a separate HTML colour code. * You will find the technical specifications for integrating a video on page

21 PREMIUM ADS DYNAMIC SITE BAR Format Description Tracking File type Max. KB 600 x 1200 or 300 x 600 The site bar is permanently fixed in the visible area and provides a large-area presence since it uses the free space next to the web page. This advertising medium adapts to the screen size, thereby guaranteeing optimum display. Tracking pixel + click command possible GIF/JPG/HTML5* Max. 150 KB Notes: 1. For background colouring, please provide a separate HTML colour code. 2. The advertising medium supplied is loaded via W&V servers and has to be automatically scaled up or down to the space available in the advertising area. 3. With HTML5, all content has to be scalable. No blur must occur when the format is scaled up. For this reason, please use high resolution as permitted by the maximum file size. 21 * You will find the technical specifications for HTML5 from page 9.

22 PREMIUM ADS SCROLL AD Format Description Tracking File type Max. KB 2500 x 1600 During scrolling, a large advertising area extends that appears to be in the background of the website. When individual elements in the advertising motif move at different speeds during scrolling, the viewer has an impression of depth. Tracking pixel + click command possible GIF/JPG/video* 150 KB Notes: 1. To obtain optimum visibility of the advertising message, the latter should be positioned in the interior area of the creative, observing an approx. 15% gap upwards and downwards as well as to the left and right. 2. Background colouring: permitted; standard: black * You will find the technical specifications for integrating a video on page

23 PREMIUM ADS INREAD/VERTICAL INREAD Important note on data transfer: Please feel free to send videos of up to 10 MB by to: Format Description Tracking File type Max. KB Max x 1080, min. 640 x 360 (720 pixels recommended) It is possible to submit a VAST redirect. Max. size hosted by the agency: 5 MB Tracking pixel + click command possible Video 10 MB Notes: Recommended length: 10 to 30 s Aspect ratio: 16:9/9:16 for vertical InRead Codec: all except for ProRes 4444, HDV 720p60, Go2Meeting 3 and 4, ER AA LD, REDCODE Sound: on Additional elements: click command, trackers possible 23

24 VIDEO AD PRE-ROLL Hosting for integrating the video is taken care of by W&V. 3rd party delivery is possible based on the VAST 2.0 standard. Here the video is hosted by the customer themselves and provided to the W&V ad server in VAST 2.0 format. The ad code itself is supplied to the video player via the W&V ad server. Please note that testing requires an extended run-up time of seven working days. VAST guideline (VAST = Digital Video Ad Serving Template) according to IAB: a video commercial on the internet is supplied in a single format, which means only one VAST XML per video commercial. For details of VAST 2, see e.g. at py Technical specifications: Video quality: at least 640 x 360 pixels (360p); 3 Mbit/s video and 192 Kbit/s audio; ideally 1280 x 720 pixels (720p); 5 Mbit/s video and 192 Kbit/s audio Codec: H.264/AAC Container: MP4 Recommended length: 5 to 10 s Maximum length of pre-roll ads: 15 s Tracking: destination URL and image tracking pixel possible (not JS pixel) File size: max. 10 MB Important note on data transfer: Please feel free to send videos of up to 10 MB by to: banner@wuv.de. 24

25 VIDEO AD IN-PAGE W&V independently creates in-page video streaming for the format 300 x 250. For the remaining banner formats such as billboard, streaming is only possible via 3rd party tag. Up to 10 MB can be reloaded by means of polite download. Notes: A commercial may not exceed the maximum duration of 15 seconds. In the case of auto start: sound on user interaction only. In the event of video start by user interaction: sound starts automatically with video. Volume has to be adjustable by user. No automatic looping. Replay button is obligatory. Sound must have an On and an Off button. Banner with video streaming must have a fallback banner. 25

26 MOBILE STANDARD ADS 26 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

27 MOBILE STANDARD ADS Ad formats Format in pixels File type Max. KB Mobile standard banner 640 x 100 GIF/JPG/3rd party tag/html5 35 Mobile banner, large 640 x 300 GIF/JPG/3rd party tag/html5 35 Mobile content ad 300 x 250 GIF/JPG/3rd party tag/html5 35 Mobile text ad Image: 290 x 163 GIF/JPG + Word 35 Headline: max. 60 characters Teaser text: max. 240 characters Mobile pushdown ad 640 x 300 to 640 x 100 GIF/JPG 35 The ad automatically expands to a height of 300 pixels and closes after five seconds a reminder advertising space of 100 pixels remains permanently visible. 27

28 MOBILE PREMIUM ADS 28 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

29 MOBILE PREMIUM ADS Ad formats Description Format in pixels File type Max. KB Mobile interstitial When the web page is accessed, the interstitial fills the mobile browser window entirely for 10 seconds. The Close button is adopted by W&V. Supplied in two separate files. Portrait: 640 x 920 Landscape: 960 x 600 GIF/JPG 40 Mobile pre-expandable sticky ad The pre-expandable ad appears in 640 x 300 on the page for eight seconds, then it is reduced to the height of 300 to 100 pixels; the small banner then remains sticky in the lower section of the mobile device. 640 x 300 to 640 x 100 GIF/JPG 35 Mobile video content ad This is a static advertisement for mobile end devices. The user opens the video player in full screen mode by means of interaction with the video player. The static frame of the advertisement provides a space for branding or information. Banner: 600 x 500 or 300 x 250 GIF/JPG MP4* Banner max. 35 KB Video max. 10 MB 29 * You will find the technical specifications for integrating a video on page 24.

30 MOBILE PREMIUM ADS MOBILE Ad formats Description Format in pixels File type Max. KB Mobile video interstitial When the web page is accessed, the interstitial fills the mobile browser window entirely for 10 seconds. The video is placed at the centre of the background image and can be closed using an X button. The X button and the designation as advertisement is adopted by W&V. Video*: 16:9 Image: 640 x 920 MP4 GIF/JPG Video max. 10 MB Banner max. 40 KB Image: editable area above the video, height 256 px editable area below the video, height 280 px Scroll ad During scrolling, a large advertising area extends that appears to be in the background of the website. When individual elements in the advertising motif move at different speeds during scrolling, the viewer has an impression of depth. Video*: 16:9 Image: 800 x 1250 MP4 GIF/JPG Video max. 10 MB Banner max. 40 KB * You will find the technical specifications for integrating a video on page

31 NEWSLETTER 31 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

32 NEWSLETTER AD Ad formats Format in pixels/text specifications File type Max. KB Special format 600 x 450 or 600 x 250 GIF/JPG 35 Standard format 450 x 200 or 300 x 250 GIF/JPG 35 Text -Image Ad Image: 290 x 163 GIF/JPG + Word 35 Headline: max. 60 characters Teaser text: max. 240 characters Text Ad Headline: max. 60 characters Teaser text: max. 340 characters Word 35 32

33 NEWSLETTER AD W&V EXTRA KREATIV AND W&V DATA MARKETING NEWSLETTER Ad format Format in pixels File type Max. KB Logo Max. 200 x 80 GIF/JPG 35 Banner Special Format: 600 x 450 or 600 x 250 GIF/JPG 35 Standard Format: 450x200 or 300x250 Text-Image Ad: Image: 290 x 163 Headline: max. 60 characters Teaser text: max. 240 characters 33

34 NATIVE ADVERTISING 34 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

35 SPONSORED POST Logo Teaser image Images in content Image gallery Advertising media Max. 600 x 600 pixels GIF/JPG Max. 100 KB W&V: Max x 675 px Lead: Max. 1600x900 px GIF/JPG Max: 1 MB Max. width 1200 pixels GIF/JPG 1200 x 675 pixels GIF/JPG Max. 10 images Wallpaper Content ad Mobile standard banner Teaser text Video Audio White paper Links Short summary of the sponsored post for Facebook of approx. 300 characters MP4, FLV, WMV, YouTube link MP3, max. 2 MB PDF or link Max. 3 35

36 TEXT AD PRO Teaser image Text Integration 290 x 163 pixels max. 35 KB Headline: max. 60 characters Teaser text: max. 240 characters Online, mobile and newsletter 36

37 AD SPECIALS 37 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

38 DIGITAL SPECIAL DIGITAL SPECIAL Logo Banner EPS file Billboard: 930 x 250 px Content ad: 300 x 250 px 38

39 WHITE PAPER WHITE PAPER Logo White paper Description text Teaser image details EPS file PDF. Max 20 MB White paper description: characters (incl. spaces) Max x 675 pixels GIF/JPG Name Texts for text ad: Headline: max. 60 characters Teaser text: max. 240 characters 39

40 WEBINAR/WEBCAST Logo Photo of speaker Speaker info Company info EPS file 300 x 400 pixels GIF/JPG Approx characters (incl. spaces) Word file Approx. 700 characters (incl. spaces) Word file Webinar content Presentation Permitted formats/webcast Permitted file size/webcast Approx. 700 characters (incl. spaces) Unformatted Word file PowerPoint Max. 50 MB AVI, WMV, MP4, MOV, M2P, MP2, MPG, MPEG, FLV, MXF, MTS, M4V, 3GP, MP3, WAV Max. 1 GB 40

41 STAND-ALONE NEWSLETTER STAND-ALONE NEWSLETTER Preview Description Ad should be supplied in HTML format. The width of the ad must be 550 pixels. The templates will be sent on request. 41

42 CONTACT GET IN TOUCH WITH US WE'LL BE PLEASED TO ADVISE! 42 Verlag Werben & Verkaufen GmbH, 2018 Bild: Picture: Fotolia

CONTACT If you have any question on advertising media, technical specifications or general queries regarding campaign management, contact: banner@wuv.de. We will be glad to advise.

43 CONTACT If you have any question on advertising media, technical specifications or general queries regarding campaign management, contact: We will be glad to advise. Verlag Werben & Verkaufen GmbH Hultschiner Straße München Postal address München Invoice address Verlag Werben & Verkaufen GmbH Kreditorenbuchhaltung Postfach München VAT ID DE Managing Director Christian Meitinger Dr. Karl Ulrich The company's Terms and Conditions apply to the handling of orders. You will find these in this document and at The details shown in these price lists may be updated during the year; for the current binding status of the price lists, see: 43

Digital Specifications.

Digital Specifications. All advertising MUST adhere to The Urban List s Advertising Guidelines. The Urban List accepts Run of Site Takeovers only, for all display advertising. IMAGERY & PHOTOGRAPHY All