Français English

Technical Specifications

Display HTML5


Recommended advertising formats :

  • Main elements of the advertising formats
    • The brand's logo
    • A short catchy title
    • A Call-to-action "CTA"
       

SUBMISSION : Advertising elements must be sent at least 5 working days before the start of the campaign. If these deadlines are not respected, Ad.MySports cannot be held responsible for any delay in the launch of the campaign in relation to the date initially planned.

 

Name Size (LxH px) Comments Type Device Example
Paving stone Video 300x250 Max duration. 15s HTML5 or script Desktop + Mobile Example
Wide Angle Video 300x600 Max duration. 15s HTML5 or script Desktop Example
Billboard Video 970x250 / 1000x250 Max duration. 15s HTML5 or script Desktop Example
Wallpaper Video 1800x1000 Only assembly by AdMySports Example

HTML 5 guidelines

Follow the instructions below to create an HTML5 ZIP folder to import into Ad Manager. They normally apply to all HTML5-compatible browsers. Some creations may not work as expected. Test the HTML5 code before implementing it.

Defining dimensions

  • Use the Meta size tag to define the dimensions to be used to display your creation: <meta name=‘ad.size’ content=‘width=[x],height=[y] ]’> The dimensions of HTML5 creations must be fixed. Examples: 300x250, 400x400, 728x90. Dynamic sizes (such as Fluid) are not accepted.

    Example

    <meta name="ad.size" content="width=300,height=250">

  • For HTML files created in Google Web Designer folders, the minWidth and minHeight properties of the creativeProperties parameter must be non-zero.

    The following codes generates an error : "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}.
     

    Example

Defining click tags and destination URLs

An output is an area that the user can click on and which redirects the browser to a destination page. Click tags define the destination URLs for each output of your HTML5 creation.

Find out how to add HTML5 output (including output using Google Web Designer).

When a user clicks on an output, creation calls Ad Manager to obtain the associated destination URL.

  • Define this exit URL in your creative or ad, depending on your requirements and the type of creative. If you define click tags at both creative and ad level, the parameter defined at ad level takes precedence.

Ad Manager detects click tags when you import elements. You can change the destination URL used by a click tag at any time, even after you've exported the tags.

  • Insert click tags in the <head> section of your HTML documents.
    Example
     
    <head>
       <meta name="ad.size" content="width=300,height=250">
       <script type="text/javascript">
          var clickTagFoo = "http://www.google.com";
       ​</script>
    </head>
    If an error displays [Error message], this is usually due to the value of the click tag URL (for example, %chttp://www.google.com), where unwanted characters (in this case, %c) or a non-compatible macro may have been introduced. In this case, try deleting the macro or the extra text characters, then run a new test.
  • Use the variable (for example, clickTagFoo) as the destination in creations.
    Example
     
    <a href="javascript:void(window.open(clickTagFoo))">
    <img src="images/dclk.png" border=0>
    </a>
  • make it easy for the ad server to read the clicks tags. Clicks tags must not include size reduction or obscuring mechanisms. You can use size reduction techniques in the rest of the code and in other files.
  • Avoid hard-coded destination URLs. Hard-coded URLs prevent Ad Manager from tracking clicks and prevent traffickers from updating the URL. Ad Manager will warn you if there are any hard-coded URLs in your HTML5 code when you import the file.