Skip links

HTML5 Guidelines

General specifications

Due to changes in browser settings that limit the display of Flash content on web pages, Italiaonline requires that all creatives be made in HTML5.

template html5

HTML5 creatives are accepted in the following ways:

Third-Party Tags (mandatory for rich media formats)

HTML5 creatives are delivered from a third-party server. For rich media creatives, all formats must be previously certified.

DoubleClick Studio Creativity

HTML5 creatives are pushed to the ad server directly from DoubleClick Studio.

DoubleClick Campaign Manager (DCM inRed) Creativity

HTML5 creatives are delivered through the DoubleClick Campaign Manager of the media center or agency.

Self-Contained (Embedded) HTML5 Creativity

HTML5 creatives that are not expandable and are delivered through a single snippet. Self-contained creatives are sent in a single file with all elements embedded within the HTML code. The HTML file must comply with W3C standards.

HTML5 Bundle Creativity

HTML5 creatives provided in a zip file, including the primary HTML page and other files to support delivery (images, style sheets, JavaScript files, etc.).

General rules:

  • Provide separately tracking codes for clicks (one only) and impressions (maximum two).
  • For standard formats, the maximum weight of the initial file is 200 KB.

Instructions to implement the clickTAG inside the creativity

For both HTML5 Self-Contained and HTML5 Bundle, you must associate the click event with the clickTag variable directly in the HTML. A single clickTag should be used for each creative.

Inside the .html file (for HTML5 Bundle, only inside the primary file), add the following instructions at the bottom of the HEAD section, if not already present:

<script type="text/javascript">var clickTag = "https://google.com"; </script>

In the DIV or HREF that contains the entire creative, if not already present, add the following instruction (using the appropriate onclick event or handler, depending on the tool used):

window.open(clickTag);

Example (valid for using Adobe Edge):

<div id="Stage" class="EDGE-14947314"></div>

Warning! HTML5 creatives (Google Ad Manager native) do not support GDPR parameters in the clickTag. To include all GDPR macros within the HTML5 creative, using a redirect service (such as Sizmek, adForm, Weborama, etc.) is required.