TEST HTML BANNER  LOGIN Ask Question

Test & Support Center

ACCOUNT SETTINGS

BETTER ADS STANDARD

BUILD HTML5 BANNERS

Home Build HTML5 Banners Other Building Tools Google Web Designer Search... 

HTML5 Banner Specifications

HTML5 Banner Formats Google Web Designer

Adform
GoogleHTML5 API Components
Web Designer is a tool to build HTML5 banners. In order to make such banners be compatible with Adform system creative should follow specifications
below. 
Other Building Tools

Tip:  Use Adform‘s  HTML5 Studio  to  automatically add required scripts and to auto apply Global ClickTAG. Please make sure to test your banner if this
Adobe Edge Banners
Global ClickTAG solution is working properly, especially on Mobile devices.
Google Swiffy Banners
 
Google Web Designer

Adobe Animate CC describes the usage of external non Adform related systems and please check respective documentation for most up to date information.
 Note: this

BUILD DCO ADS

Adding the clickTAG via Google Web Designer tool
BUILD WITH
1. Open HTML5
Code view, STUDIO
insert DHTML library to head section:

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

BUILD MOBILE (MRAID)

BUILD FOR RTB

IMPLEMENT TRACKING POINTS

 
GOOD TO KNOW

ADQUESTIONS

2. Create tap area from Google Web Designer components:

We use Adform's own cookies, third-party cookies and other technologies for statistical measurement, marketing purposes, and to improve your online experience.
By clicking ok, you consent to the use of cookies. To learn more about the use of cookies and other choices, please visit our page on Cookie Policy

OK
3. Click right mouse button and select "Add event..."

4. Select "Tap Area" and then "Touch/Click":

 

5. Choose "Add custom action":

6. Define function name,e.g. “clickTag” and add this code snippet:

clickTAGvalue = dhtml.getVar('clickTAG', 'http://www.example.com');

landingpagetarget = dhtml.getVar('landingPageTarget', '_blank');

window.open(clickTAGvalue, landingpagetarget);
7. Click "Save" and banner is almost ready to run on Adform! It is missing Adform-specific file - manifest.json, where banner's details are stored.

Testing GoogleWebDesigner banner in Adform Studio

Export the banner using these example settings:

Upload the ZIP file to our Studio and define banner settings (category, type, dimensions, clickTAG).

Check if it's clickable (both on Desktop and Mobile devices using different OSes and browsers), being displayed properly, all the functions are working and when
finished, just click on Export and you will have a banner that is ready to go on Adform!

   
2019 Adform. All rights reserved.