Technical specifications

Technical specifications

  • Code

    • Accepted languages are HTML, CSS and JavaScript (including jQuery).
    • Use of PHP or ASP code is not supported.
    • Character encoding: UTF-8
    • There must be a single HTML file.
    • The HTML file must include your ad and the CSS associated style.
    • The HTML file must be named index.html.
    • Your final HTML code must not contain comment lines or references to non-existent files. Leave only the files (images, fonts, etc.) used in the code for your ad.
    • No external file, link or script is authorized (including the jQuery library).

      Example
      <script src='//code.jquery.com/jquery-1.11.0.min.js'></script>
      Only the following structure is accepted:
      <a href='http://www.mysite.ca'>My link</a>
    • The following calls are not authorized (if they are used, they will be ignored and your ad will not activate):

      window.open('http://www.mysite.ca', '_self');
      window.parent.location.href = 'http://www.mysite.ca';
      window.location = 'http://www.mysite.ca';
    • No script or JavaScript call must be positioned after the closing tag </body>
    • Never use the property visibility: hidden; to hide audio content (whether in CSS or JS).
    • All files present in the code for your ad must be in the final ad folder.
    • If you use the jQuery library, we recommend that you download the latest version from http://code.jquery.com/jquery-latest.min.js. If you prefer not to use the latest version of the library, please indicate this using:
      <script src='assets/jqr-1.8.3.min.js'></script>
      In both cases, a copy of the library must be included in the final ad folder.
    • Using jQuery.noConflict() is not recommended unless you are using multiple libraries that use the $ symbol.
    • Concatenation for the purpose of building a path to a file is not functional with Toronto Star Touch.

      Prohibited use
      var randomNumber = math.floor(math.random() * 4);
      document.getElementById('var').style.background = 'url(assets/' + randomNumber + '.jpg)';
      Accepted use
      var img1 = 'assets/1.jpg';
      var img2 = 'assets/2.jpg';
      var img3 = 'assets/3.jpg';
      [...]
      document.getElementById('var').style.background = 'url(' + img1 + ')';
Incompatibilities

Incompatibilities

Certain functionalities are incompatible with Toronto Star Touch. If your ad contains one of the functionalities listed below, you must modify the ad contents to make them compatible with our application.
  • Facebook

    Your ad cannot include any button to prompt any type of sharing on social networks, e.g., 'Like', 'Send', 'Follow', 'Sign Up', or 'Comment'. It can, however, contain a link directing readers to a Facebook page http://www.facebook.com/MyCompany.
  • Facebook Applications

    Links to Facebook apps are not compatible with Toronto Star Touch at this time. These links are in the format: https://www.facebook.com/nom-du-compte/app_[string of digits].
  • Google Maps

    Google Maps imposes usage limits on its API. These limits are less than Toronto Star Touch’s daily reader volume, which means requests would receive an error message if the limits are exceeded. For more information, consult the official Google documentation on the topic.
  • Google Maps Geolocation

    Google Maps Geolocation imposes usage limits on its API. These limits are less than Toronto Star Touch’s daily reader volume, which means requests would receive an error message if the limits are exceeded. For more information, consult the official Google documentation on the topic.
  • Augmented reality

    If your ad includes a sequence of images, the sequence cannot contain virtual objects.
  • Simultaneous audio and video

    Restrictions within Apple’s mobile operating system (iOS) mean that we cannot play both audio and video from one Toronto Star Touch screen. For more information, consult the official Apple documentation on the topic.
  • Volume control in JavaScript

    Restrictions within Apple’s mobile operating system (iOS) mean that we cannot provide volume control for a media file (audio or video) in JavaScript. For more information, consult the official Apple documentation on the topic.
  • Media playback trigger events

    Auto playback is not allowed. Playback can only be activated by an action taken by the reader (e.g.: the video will only start playing if the tablet is shaken).
  • Base64

    Your video content cannot be encoded in base64, as this unfortunately would create a conflict with other media files used for Toronto Star Touch.
  • Ad Refreshing

    Refreshing an ad using the following code is not permitted:
    <a href='#'>Replay</a>
    <a href='javascript:window.location.reload();'>Replay</a>
    <a href='javascript:history.go(0);'>Replay</a>
  • Canvas

    The canvas element enabling dynamic rendering of images is not currently supported for Toronto Star Touch.
  • Incompatible software

    • Adobe Edge
    • Adobe Muse
    • Adobe Flash
    • Google Web Designer
    • Sencha Animator
    • Microsoft Silverlight