From September, Flash will no longer be supported by Chrome. Prepare for the shift towards HTML5 by visiting our Flash to HTML5 help page

Check it out!

Required Files Structure

Tip: Create banners easier by using Adform‘s HTML5 Studio. It automatically generates the manifest.json and other Adform-related files, as well as enables you testing and previewing HTML5 banners effortless.

 

Building banners in a HTML5 technology a creative should follow Adform specifications for HTML5 banners.

Each HTML5 banner, prepared for the Adform System, should be archived as a ZIP file.  ZIP contains:

  • a metadata file called manifest.json: 
    manifest.json defines banner parameters as name, description, dimensions, events, clicktags and source. These parameters are parsed and registered in Adform system once the banner zip is uploaded to assets.
    {
        "version": "1.0", 
    
        "title": "300x250 Example Banner", 
        "description": "optional string",  
    
        "width" : "300", 
        "height": "250", 
    
        "events": {
            "enabled": 1, 
            "list": { 
                "1": "myEventName1",
                "2": "myEventName2",
                "3": "myEventName3"
            }
        },
    
        "clicktags": {
            "clickTAG": "https://www.test.com",
            "clickTAG2": "http://www.adform.com"
        },
    
        "source": "yourbanner.html"
    }

    Events for a banner could be enabled - 1or disabled - 0. If there are custom events you are using, please define them in a events list section on manifest file. 
    Your banner might contain multiple clickTAG instances. If so - then please define all of them in a clickTAGs section on manifest.json file.

    Important:  manifest.json and defined main html source in it should be located at a root directory of a zip. Otherwise system wouldn't be able to extract all zip correctly and on zip upload you will get error. Also, total banner weight is measured when unziped.

  • banner must contain .html source, with the same name defined in a manifest. It is recommended to use just 1 html source per banner.
  • js sources like jquery, greensock animation libraries, components, etc., could be included to banner. You may include library as local asset located on some directory or you could include external library source.
  • other assets like images, fonts, xmls, etc., could be taken from local directories or from external paths.