HTML5 Creative Guidelines and Specifications
- All hosted HTML5 creatives must be uploaded in a single zip file.
- The zip file must contain an index.html file that resides at the root of the zip file and not in a subfolder.
- The index.html file should be a complete and valid HTML document that includes the <html>, <head>, and <body> entities.
- The clickTag parameter must be referenced in the URL of all HTML5 creatives.
Note: The clickTag parameter ensures that:
- clicks are tracked properly when the creative is served.
- the corresponding landing page can be opened when the creative is clicked.
clickTag Implementation
- Add the ad network HTML5 library in the <head> section of the index.html file:
<script type="text/javascript" src="https://acdn.adnxs.com/html5-lib/1.3.0/appnexus-html5-lib.min.js"></script>
- Add the .getClickTag function to a clickable element (preferably the entire ad):
<body>
<a href="javascript:void(0)" onClick="window.open(APPNEXUS.getClickTag(), '_blank');">
<!-- Banner markup/html goes here -->
</a>
</body>
References
Creative designers can reference the following guides when creating new HTML5 creatives:
- Use IAB's HTML5 clickTag Standard
- Build an HTML5 Creative in Google Web Designer
- Build an HTML5 Creative in Adobe Edge
Ad traffickers can reference the following guides for integrating HTML5 creatives, which have been created in Google Web Designer and Adobe Edge, into websites efficiently: