Home > How to Guides > Upload an HTML5 Creative

Upload an HTML5 Creative

For additional information about HTML5 specs see the creative specs article

See below for additional information regarding packing an HTML5 creative and click tag parameters

 

Packaging options for HTML5 creatives:

Single HTML file (max 200 KB)
Root/main HTML file with supporting images
Root/main HTML file with supporting images, JS, and CSS files

When using compressed (ZIP) files:

All necessary files (except JS and CSS libraries) should be included
Primary HTML file should be in the root of the ZIP file.
ZIP files should contain no more than 100 files.
Allowed file types: HTML, JS, CSS, MP4, JPG, JPEG, GIF, PNG, and SVG.

Common Issues uploading HTML5 assets related to compressing files 

  • The files must be individually compressed NOT the folder that contains them. Before compressing the files make sure you are selecting all individual files and then compressing as opposed to selecting the entire folder that contains the files and compressing that.

  • Compressing files from a Mac may add hidden files like _MACOSX and .DS_Store. This will cause an error when uploading the folder to Admatx. You can use the zip command in the Terminal with specific options to exclude these files.

    1.  Navigate to the Terminal app in Mac (Command & Space - search terminal)

    2. Type "cd /" and the location of the individual files to zip. EXAMPLE: "cd /Users/yourname/Downloads/300x250" where the folder containing your files is named 300x250 and that folder is located in your Downloads directory. To find the locatio of your folder you can right click on the folder and select "get info"

    3. Once you have this typed into the terminal hit enter

    4. Then paste: zip -r your_archive.zip * -x "*.DS_Store" -x "__MACOSX" and hit enter

    5. This will create the compressed folder "your_archive" within your assets folder. your_archive is the folder you will upload into Admatx

 

Click Tag: The click tag is a parameter used in HTML5 banner ads and specifies the destination URL. It is included as a variable in the primary HTML file as a URL parameter. Important information on click tag parameters:

Customize the URL parameter name.
Click tag names are case-sensitive.
The creative must open the click tag page in a new window.
Backup clickthrough URL can be used as the default URL.
Use JavaScript to read and implement the clickthrough URL.
Multiple click-through URLs can be used for different actions.

Click Tag Parameter Example: