Technical specifications

Technical specifications

Code

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 be named index.html.
  • Your final HTML code must not contain 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 La Presse+.

    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 La Presse+. 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., 'Aimer' (Like), 'Envoyer' (Send), 'Suivre' (Follow), 'S’inscrire' (Sign up) ou 'Commenter' (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 La Presse+ 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 La Presse+’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 La Presse+’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.

  • 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

    It must not be possible to activate an audio media without some action (touch) being taken by the reader. IMPORTANT: It is now possible to use the autoplay video option. See the information in the video interaction section.

  • Base64

    Your video content cannot be encoded in base64, as this unfortunately would create a conflict with other media files used for La Presse+.

  • 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>
    It is not allowed to use an anchor type tag with an empty href attribute. This can cause problems opening external links that are placed elsewhere in the ad. 
    <a href='#'></a>

  • Incompatible software

    • Adobe Animate
    • Adobe Muse
    • Adobe Flash
    • Google Web Designer
    • Sencha Animator
    • Microsoft Silverlight
    • Phaser
    • Cocos Creator