HTML5 Creatives

HTML5 creatives are used to support advanced creative formats, such as playables.

Please note that the file must be .html. Other formats such as .zip are not supported. If the creative requires additional assets, they should be encoded into the .html file or you can host assets on a third party CDN and reference them from the .html file.

To track clicks in AIDEM, you must use the {{CLICK_URL}} macro.

Fields

The following fields are available:

Creative FieldDescription
AdvertiserAdvertiser under which you are creating this creative. Creatives can be assigned to any line item beneath this advertiser only.
Creative NameName of the creative
Width x HeightThe width and height of the creative
ActiveWhether the creative is active or inactive. Active Line Items must have at least one active creative associated to them.
SecureWhether the creative is secure or not. For a creative to be secure, all URL calls from the creative need to be over HTTPS
Start DateOptional start date for the creative
End DateOptional end date for the creative
Alternative IDAlternative ID for the creative. Use this field to map an creative ID in AIDEM to a creative ID in your system.
AssetEither “Choose an Existing Asset” or “Upload a New Asset”. Only assets uploaded beneath this advertiser will appear in the “Choose an Existing Asset” drop down
MIME TypeMIME of the media asset loading by your ad tag. This field is used for creative matching.
Expandable TypeSelect if your tag expands automatically, on user click, on user rollover, or does not expand.
Expandable DirectionThe direction in which an expandable will expand, if applicable.
Responsive SizeToggle “Yes” if the creative adjusts size; select “No” if it is a fixed size.
In-Banner VideoSelect whether it is click-to-play or autoplay. If there is no video, select no-video.
ThumbnailRequired if you are running your tag on MoPub or Millennial Media. The thumbnail should be an image file. Best practice is to always include a thumbnail image.
Technical VendorOn Google’s AdX, any technical vendor including a 3rd party ad server or measurement vendor need to be declared. Failure to declare technical vendors may result in your creatives being rejected by AdX.
Landing Page URLThis is the full URL that the user will land on after clicking on your creative. Failure to include the full URL may result in your creatives being rejected by Google’s AdX.
Creative Add-OnsIf you previously have defined pixels or scripts via the creative add-ons module, they will be listed here.
Additional PixelsAdditional tracking pixels that will be fired at the same time as the impression. This field should contain a URL, for example .
Additional ScriptsAdditional JS tags to be called at the same time as the impression. This field should contain a URL

To traffic an HTML5 creative

  1. Create the HTML5 creative on a third party platform or creative builder. AIDEM macros can be used in the creatives
  2. Export the HTML5 asset into a single .html file.
  3. Select +New > Creative
  4. Select ‘HTML5 Creative’ from the creative type dropdown:
  5. Enter a creative name, the start and end date, and select the ad size and advertiser
  6. Upload the creative asset via the “ad content” section:
  7. Select the rest of the creative attributes and save.

Please note, to serve MRAID HTML5 Creatives the .html file content will need to invoke MRAID via one of the two methods outlined below.

  • <script src="mraid.js"></script> This call-out will allow for the ad container to access the SDK's mraid library.
  • <script src="https://[host]/libraries/mraid.js"></script> This call-out will allow for the client to host the MRAID library on their own CDN rather than rely on SDK for MRAID support.

Caveats for MRAID HTML5 creatives hosted by AIDEM are below:

  1. MRAID HTML5 creatives should only be associated with line items that target MRAID and inApp inventory.
  2. The AIDEM creative preview URL does not support MRAID; therefore, the HTML5 preview will not work but the creative will render on MRAID inventory when served programmatically.
  3. Dynamic macros from a Data Augmentor or Custom Bidding Agent are not supported for HTML5 creatives hosted in AIDEM.