•  HTML5 Display creatives are made of several elements, such as HTML files, CSS, Libraries (Javascript, Jquery, etc.), images and video clips.

    Formats and sizes (incl. libraries and images) are geared to the IAB standards and to given sizes by SevenOne Media.

    All single elements of HTML5 creatives must be created as small as possible. Please use the current codes and code optimizations on all files.

    Animations and integration of external elements like fonts and libraries should be used sparingly. Please do not use subfolder structures.

    SevenOne Media strongly recommends not to use an HTML converter.


    SevenOne Media accepts HTML5 creatives only as redirects or iFrame tags. Physical delivery is not possible at this stage.

    Standard ads with HTML5
    When delivering HTML5 advertising we only need a Iframe redirect. The SOM "
    clickTag" URL is passed as a request parameter in the JavaScript redirect.

    Special ads with HTML5
    delivering HTML5 advertising we only need a JavaScript redirect. The motif needs to be rendered in an iframe. The SOM "clickTag" URL is passed as a request parameter in the JavaScript redirect. The communication between the page and the iframe uses postMessage. The event attributes "origin" and "data" should be validated. The scalability (expand and collapse) or closing of the advertising (depends explicitly on the advertising material) must be implemented.

    Please deliver your creatives at least 5 workdays before the campaign starts to admanagement@71m.de


    Clicktag syntax

    Syntax for clicktags: clicktag
    for multi clicktags: clicktag, clicktag1, clicktag2

    The following code must be integrated within the HTML5 creative to transfer the clicktags
    his function redirects all GET parameters which are delivered to the file):


    var getUriParams = function() {

    var query_string = {}

    var query = window.location.search.substring(1);

    var parmsArray = query.split('&');

    if(parmsArray.length <= 0) return query_string;

    for(var i = 0; i < parmsArray.length; i++) {

    var pair = parmsArray[i].split('=');

    var val = decodeURIComponent(pair[1]);

    if (val != '' && pair[0] != '') query_string[pair[0]] = val;


    return query_string;



    You can check a functionable clicktag transfer with the following request:



    Please replace %LANDINGPAGE% with a test page. The link must be transferred URL encoded. (encodeURLcomponent function)


    Example HTML and link allocation

    (2 HTML links without allocated links):


    <a href="#clicktag" id="clicktag">IAB clicktag</a>

    <a href="#clicktag2" id=" clicktag2">IAB clicktag</a>

    To allocate clicktags to HTML elements use this Javascript code:



    document.getElementById('clicktag').setAttribute('href', getUriParams.clicktag);

    document.getElementById('clicktag2').setAttribute('href', getUriParams.clicktag2);




    Backupimage, browser compability

    If a browser (e.g. Chrome or Firefox) doesn‘t support a special feature or a delivered library there must be  a fallback handling with either JPG or GIF.

    Creatives must be tested by the creative agency on all common browsers.

    Graphic compression

    Graphics must be optimized in reference to the file size. We recommend the use of PNG crushers and the use of  scalable vector graphics.


    Streaming in HTML5

    Video clips in HTML5 must be  integrated with the tag video></video>.

    Ads which include video clips must have a preview (poster). The video clip starts as soon as it is fully loaded or  through user interaction on mobile devices. Please consider that on video clips for mobile devices clicktags cannot be used. The clicktag must be put on a space outside of the clip.

    The video clip must must be optimized in referrence to quality and file size and also must be streamed within an  adequat server surounding. The max. video clip file size is 2.5 MB.


    The video clip must be available in H264/mp4 as well as in VP8/WebM.

    Please note that rich media creatives can be delivered only to user of WLAN.


    Code example:
    <video controls height='640' width='360'>

    <source src='yourVideo.mp4' type='video/mp4' />

    <source src='yourVideo.webm' type='video/webm' />