Nuoroda nukopijuota
Naujienos Lietuvoje ir pasaulyje

Guidelines for creatives

DESKTOP

ClickTAG

Desktop ClickTAG

To track clicks in ad server for HTML5/Javascript creatives, a special click-tracker (ClickTAG) must be inserted into creative’s code.

1. Load the main (Adform.DHTML.js) library for display creative:

<script>
document.write('<script src="'+ (window.API_URL || 'https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js?bv='+ Math.random()) +'"><\/script>');
</script>

2. ClickTAG macro for a specific element of the creative:

<div class="your-class" id="click-element"></div>

<script>
var clickArea = document.getElementById('click-element');
clickTAGvalue = dhtml.getVar('clickTAG', 'http://www.yuor-url.com');
landingpagetarget = dhtml.getVar('landingPageTarget', '_blank');
clickArea.onclick = function() {
window.open(clickTAGvalue,landingpagetarget);
}
</script>

Source - https://support.adform.com/documentation/adform-creative-welcome-pack/building-banners-for-use-in-adform/adding-clicktag-s-to-banners/

Standard creatives

Hero – 2560x330

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Not supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

1200x250

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

1200x120

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Not supported
< 100 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x600

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x600 infoblock

Animation
Max. file size
Not supported
< 60 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x250

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

880x250

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

580x200

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

Corner 1200x250 + 300x600

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size

The position consists of two different billboards 300x600 and 1200x250 to watch each with different specifications

Rich MEDIA creatives

1200x250 + expand 1200x500

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x600 + expand 600x600

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x600 + splash 600x600

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

1200x250 + pushdown 1200x500

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x600 + expand 1200x600

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

Floating 1200x500

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

Floor ad 1200x120 + 980x400

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Not supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

Instream video

Animation
Max. file size
Supported
< 5 MB

Prepares a 1920x1080 (fullHD) .mp4 file.

Video Preroll VOD

Animation
Max. file size
Supported
< 5 MB

A creative is converted to .mp4 file (1920x1080 full HD). File size is unlimited.

1600x400 -> 1600x100 Site Header

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Not supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

MOBILE

ClickTAG

Mobile ClickTAG

To track clicks for mobile creatives, Adform uses mraid.js script, which is simplified and faster loading version of Adform.DHTML.

1. A command to load the mraid.js library is given (locally loaded Adform platform attaches the library at launch):

<script src="mraid.js"></script>

2. ClickTAG implementation into mobile creative slightly differs from desktop:

<div class="your-class" id="click-element"></div>

<script>
var banner = document.getElementById('click-element');
banner.addEventListener('click', function() {
mraid.open(Adform.getClickURL('clickTAG'));
});
</script>

Source - https://support.adform.com/documentation/build-mobile-mraid-banners/create-a-mobile-html5- banner/using-mraid/

Standard creatives

300x250

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x150

Animation
Max. file size
Not supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x600

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

Pagebreak 1080x1920

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Not supported
< 200 KB

Rich MEDIA creatives

300x50

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Not supported
< 100 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

Fullscreen 1080x1920

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Supported
< 200 KB
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

Mobile expand 300x50 + 300x128

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Not supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here

300x125 -> 300x50 Mobile Site Header

Animation
Template for experts
Convert JPG/PNG to HTML5
Max. file size
Not supported
< 200 KB everypart
!!IMPORTANT!! Do not exceed maximum creative file size. If the file size (jpg/png) is too large, you can reduce it here