TECHNICAL SPECIFICATIONS DISPLAY 2021 - Ads & Data
←
→
Page content transcription
If your browser does not render page correctly, please read the page content below
2021 TECHNICAL SPECIFICATIONS DISPLAY
TECHNICAL SPECIFICATIONS
DISPLAY
DISPLAY SPECIFICATIONS
Format Desktop / Tablet Mobile Max. weight Extensions
Billboard 970 x 250 320 x 100 (PM) / 320 x 200 (MH) 200 kb HTML5 / GIF / JPG
TV Leaderboard 995 x 250 320 x 200 1 Mb HTML5 / GIF / JPG
Large Leaderboard (PM) 840 x 150 (PM) 320 x 100 (PM) 200 kb HTML5 / GIF / JPG
Leaderboard 728 x 90 320 x 100 (PM) / 320 x 200 (MH) 200 kb HTML5 / GIF / JPG
Half Page 300 x 600 300 x 250 (PM/MH) / 320x250 (MH) 200 kb HTML5 / GIF / JPG
Medium Rectangle 300 x 250 300 x 250 (PM/MH) / 320x250 (MH) 200 kb HTML5 / GIF / JPG
Small Skyscraper 120 x 600 300 x 250 (PM/MH) / 320x250 (MH) 200 kb HTML5 / GIF / JPG
Wide Skyscraper 160 x 600 300 x 250 (PM/MH) / 320x250 (MH) 200 kb HTML5 / GIF / JPG
IMPORTANT RETINA / HIGH DENSITY
To ensure maximum ad quality on both mobile and desktop devices, Many newer devices use high-density displays with twice as many
we ask you to provide two ad formats: one for mobile devices and one pixels as older devices resulting in higher resolution images and
for desktop. a better end-user experience.
For images (jpg/png/gif), the retina sizes are optional if we receive the
mobile (standard) format.
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 2TECHNICAL SPECIFICATIONS
DISPLAY
DISPLAY SPECIFICATIONS / MOBILE ONLY FORMATS
Max.
Format Width x Height Extensions Comment
weight
50 x 50 (optional) + 600 x Box title: max 25 char, box subtitle: max 90 char, visual
Carrousel Ad 600 (x3) 150 kb GIF / JPG subtext: max 25 char (each visual and subtext can have
+ 600 x 600 (optional) a separate click command
300 x 250 (PM/MH) 3rd party script with 2 to max 4 images with a 3D
3D Cube 1 MB JPG
320 x 250 (MH) rotation
Advertorial 300 x 100 1 MB HTML5 / GIF / JPG
No HTML5-material. We will create this format based
on a 300 x 600 pixel image or 3rd party tag, Size:
Paralax 300 x 600 200 kb JPG / GIF
300x250. Creative material will be shown in
300x250 viewport.
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 3TECHNICAL SPECIFICATIONS
DISPLAY
RECOMMENDATIONS
3RD PARTY 3RD PARTY TRACKING ALLOWED FOR
x All active HTTPS 3rd party tags are accepted. x ImpressionTracker: to measure the number of impressions.
x All assets loaded by the 3rd party tag must be HTTPS as well. x Clicktracker: to measure the number of clicks.
HTML5 Destination URL, impression trackers and click trackers must be
delivered in the same e-mail as the material, in a text file.
x We strongly recommend the use of HTML5 but under the following conditions:
- CSS selector must contain banner specific prefix’s. EXPANDABLE MEDIUM RECTANGLE
- Must contain an IAB ClickTag and open the landing page in a new tab.
(See following pages for extra information.) x The creative can expand in both directions (left and right).
The placement on the page will determine how the ad will expand.
SPECIFICATIONS FOR VIDEO IN DISPLAY ADS
Z-INDEX
x Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user
interaction. play, pause, stop, sound on/off button must be present. x If you are supplying a 3rd party script, you must ensure that the ‘expanded unit’
x Due to iOS video behaviour, following parameters must be added to uses the following Z-index:
the HTML5 video tag: - Expandable ad blocks: 9999
playsinline=»playsinline» webkit-playsinline=»webkit-playsinline» - Floting ad blocks (overlay): 100000
- Takeover: maximum 350
SPECIFICATIONS FOR AUDIO IN DISPLAY ADS
x Standard audio off, only on with user interaction, on mouse off the creative,
audio should stop. Sound on/off button must be present.
ANIMATION (HTML5 EN GEANIMEERDE BEELDEN)
x Maximum 3 loops within 15 seconds
x No loop or animation afther 15 seconds
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 4TECHNICAL SPECIFICATIONS
HTML (PM)
DELIVERING HTML5 AS HARD MATERIAL DELIVERING HTML5 SELF-HOSTED BY A WEB SERVICE
Inside the of the .html file a global JavaScript variable called “clickTag” must Inside the .html file the click command from our adserver must be picked up and
be declared. Additionally, we also declare a function that will process the click. placed in front of the landings page. We will pass the click command in the URL via
a query string called “click”.
Example:
var clickTag = «»; Picking up the click command can be done with the following code.
var clickthrough = location.search.split(‘click=’)[1];
function openInNewTab() { Adding the variable clickthrough in front of you landing page will allow
var win = window.open(clickTag, ‘_blank’); us to measure clicks in our adserver.
win.focus();
} When using clickTag as variable to process the click the entire code would become
the following:
This function must be used to processing the click. var clickthrough = location.search.split(‘click=’)[1];
Example: var clickTag = clickthrough+“«;
Please deliver us the landing page by mail. Our adserver will make sure the
click command and landing page will be placed inside the clickTag variable.
DELIVERING HTML5 HOSTED IN AN AD SERVING SYSTEM. (DCM – ADFORM – SIZMEK - … )
Please inform yourself how your ad serving system will process the click command.
Implement the clickTag as demanded by your system. We will make sure our click
command will be passed to the creative using the implementation guidelines of your
ad serving system.
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 5TECHNICAL SPECIFICATIONS
HTML (MH)
WHAT DO WE ACCEPT / DO NOT ACCEPT?
We accept:
x HTML5 ads in the form of .zip file or 3rd party script
x Images: .gif / .png or .jpg files are accepted
We do not accept HTML5 files for newsletters.
Practical tips for clicktag implementation
Normal implementation:
HTTPS://SUPPORT.GOOGLE.COM/ADMANAGER/ANSWER/7046799
Google Web designer implementation:
HTTPS://SUPPORT.GOOGLE.COM/WEBDESIGNER/ANSWER/3263494?HL=EN
3RD PARTY SCRIPT SPECIFICATIONS FOR HTML5
When delivering 3rd party tags which generate an iframe, though it is not required
we recommend the use of responsive banners.
ANIMATION (HTML5 AND ANIMATED IMAGES)
x 15 seconds max
x No loop or animation after 15 seconds.
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 6TECHNICAL SPECIFICATIONS
SPECIFIC FORMATS | RESPONSIVE TAKEOVER (PM)
Format Device Width x Height Max. weight Extensions
Large Background Desktop / Tablet 1920 x 250 150 kb gif / jpg / png
Mobile Background Mobile 640 x 200 70 kb gif / jpg / png
Video* Desktop / Tablet 640 x 360 2,5 MB mp4 / ogg / webm
Thumbnail* Desktop / Tablet 360 x 214 70 kb gif / jpg / png
Video is optional.
x All video formats/extensions are mandatory when using video in your takeover.
x The position of the video is in the left premium zone.
Position video : 370px from center. 18px from top.: to measure the number of clicks.
x Download a photoshop template HERE.
VISIBLE ZONES
Secondary zone left Premium zone left Premium zone right Secondary zone right
dim: 576 x 250 dim: 384 x 250 dim: 384 x 250 dim: 576 x 250
Optional video + thumbnail Entre premium zone
dim: 360 x 214 dim: 768 x 250
x Desktop: Premium zone and secondary zone.
x Tablet landscape : Premium zone and part of secondary zone.
x Tablet portrait: Premium zone.
x Smartphone (smaller then 768px): Mobile background.
CONTENT
x The entire premium zone holds the most important content. This will always be visible.
x Secondary zone is used to fill up additional space when available.
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 7TECHNICAL SPECIFICATIONS
SPECIFIC FORMATS | TAKEOVER (MH)
Format Desktop / Tablet Mobile Max. weight Extensions
Takeover 1680 x 1000 + 995 x 123 + 300 x 250 320 x 200 + 320 x 250 1 MB HTML5 / GIF / JPG
WALLPAPER (PART OF TAKEOVER)
Wallpaper is a part of the TakeOver, existing of multiple formats.
x Desktop: TakeOver is based on Wallpaper (1680 x 1000), XL Leaderboard (995 x 123) and Medium Rectangle (300 x 250).
x Mobile: TakeOver is based on a mobile Leaderboard (320 x 200) and mobile Medium Rectangle (320 x 250).
Wallpaper dimension:
x 1680 x 1000 pixels with white space in the middle of the image.
x This white space will be filled with site content (width 990 pixels).
Create your wallpaper
x Create your wallpaper based on a template.
x Download a template HERE.
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 8TECHNICAL SPECIFICATIONS
SPECIFIC FORMATS | TAKEOVER (PROXIMUS)
Format Desktop / Tablet Mobile Max. weight Extensions
Takeover 1680 x 1000 + 995 x 123 + 300 x 250 320 x 200 + 320 x 250 1 MB HTML5 / GIF / JPG
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 9TECHNICAL SPECIFICATIONS
SPECIFIC FORMATS
Format Desktop / Tablet Mobile Max. weight Extensions Comment
Conversation Ad 300x600 - 200 kb Via template *Cavai
Social Ad Via template*
400 x 225 + title 400 x 225 + title No logo or text on image, title: max 25 char,
Konvento 100 kb GIF / JPG
+ body text + body tekst body text: max 90 char. See best practices.
*Download here the Social Ad template
*Download here the Conversation Ad template
KONVENTO BEST PRACTICES IMAGES
TIPS & TRICKS
Test multiple title variations and
images per URL to see what
works best for your content
Use your titles and images to
attract your target audience:
‘Foodies will love this product’,
‘4 great tools for mothers’, ...
Make sure your title and image
reflect the content the user ar-
rives at post-click. This will ensure
every click you get is a quality click.
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 10TECHNICAL SPECIFICATIONS
DELIVERY
DELIVERY ADDRESS SPECIFICATIONS .ZIP FILE
All material should be sent to digitaladvertising@adsanddata.be. x The .zip file must contain at least one index.htm or index.html file, or another
unique .htm or .html file. This file will be used as the starting point for the
HTML5 advertisement.
x The main .html file contains a clickTAG.
DELIVERY DELAY Our ad server counts on it to correctly track the clicks.
x Standard: 3 business days before the start of the campaign. Practical tips for clicktag implementation
x For rich media: 5 business days before the start of the campaign. Normal implementation:
HTTPS://SUPPORT.GOOGLE.COM/ADMANAGER/ANSWER/7046799
These deadlines have been set to ensure that your campaign starts on schedule. Google Web designer implementation:
HTTPS://SUPPORT.GOOGLE.COM/WEBDESIGNER/ANSWER/3263494?HL=EN
x The main .html file refers relatively to all code and assets.
DELIVERY SHOULD INCLUDE This means that all links in HTML5-creative, like the link to an image in the ad,
have to use a relative path, for example /graphics/ad-image.png or . In this way, the ad can be independent and therefore
x Active destination URL’s.
run or be displayed independently without a network connection. External
x If applicable, detailed instructions on how material should run.
libraries and web fonts may constitute an exception to thisto this guideline.
x There are no specific rules for the folder structure in the .zip file.
All files can be organized in different subfolders or in the root folder.
FEEDBACK
x Will be given within 24 hours after reception. x The number of files should be kept to a minimum (maximum 15)because each
x If material does not meet requirements, procedure will restart. other file leads to a separate request, which affects the performance of the web
page on which the ad is loaded.
x If you are linking to external libraries (jquery, etc.), ensure the request is made
via HTTPS (SSL).
x Send all HTML5 .zip files through a service like WeTransfer or Dropbox.
TECHNICAL SPECIFICATIONS - DISPLAY Q3 -08-07-2021 11NEED MORE INFORMATION? Mail: DIGITALADVERTISING@ADSANDDATA.BE
You can also read
