Spécifications techniques

Spécifications techniques

Code

Code

  • Les langages acceptés sont : HTML, CSS et JavaScript (incluant jQuery).
  • L'utilisation des codes PHP ou ASP n'est pas autorisée.
  • Jeu de caractères : UTF-8
  • Un seul fichier HTML est accepté.
  • Le fichier HTML doit se nommer index.html.
  • Votre code HTML final ne doit pas faire référence à des fichiers inexistants. Laissez uniquement les fichiers (images, polices, etc.) utilisés dans le code de votre publicité.
  • Aucun fichier, lien ou script externe n'est autorisé (y compris la librairie jQuery).

    Exemple :
    <script src='//code.jquery.com/jquery-1.11.0.min.js'></script>
    Seule la structure suivante est acceptée :
    <a href='http://www.votresite.ca'>Mon lien</a>
  • Les appels suivants ne seront pas acceptés (s’ils sont utilisés, ils seront ignorés et votre publicité ne pourra pas être activée) :

    Code non autorisé :
    window.open('http://www.votresite.ca', '_self');
    window.parent.location.href = 'http://www.votresite.ca';
    window.location = 'http://www.votresite.ca';
  • Aucun script ou appel à un script JavaScript ne doit être placé après la balise de fermeture </body>.
  • N’utilisez jamais la propriété visibility: hidden; pour cacher du contenu audio (en CSS ou en JS).
  • Tous les fichiers présents dans le code de votre publicité doivent être inclus dans le dossier final de votre publicité.
  • Si vous utilisez la librairie jQuery, nous vous recommandons de télécharger la dernière version de celle-ci à http://code.jquery.com/jquery-latest.min.js. Si vous ne souhaitez pas utiliser la dernière version de la librairie, veuillez l'indiquer de cette façon :
    <script src='assets/jqr-1.8.3.min.js'></script>
    Dans les deux cas, une copie de la librairie doit être intégrée dans le dossier final de votre publicité.
  • L'utilisation de jQuery.noConflict() n'est recommandée que si vous utilisez plusieurs librairies utilisant le signe $.
  • La concaténation en vue de former un chemin vers un fichier n’est pas fonctionnelle dans La Presse+.

    Utilisation acceptée
    var img1 = 'assets/1.jpg';
    var img2 = 'assets/2.jpg';
    var img3 = 'assets/3.jpg';
    [...]
    document.getElementById('var').style.background = 'url(' + img1 + ')';
Incompatibilités

Incompatibilités

Certaines fonctionnalités ne sont pas compatibles avec La Presse+. Si votre publicité comporte l’une des fonctionnalités ci-dessous, vous devez en modifier le contenu afin qu’elle soit compatible avec notre application.
  • Facebook

    Il n’est pas possible d’insérer un bouton permettant un partage ('Aimer', 'Envoyer', 'Suivre', 'S’inscrire' ou 'Commenter') sur les réseaux sociaux dans votre publicité. Vous pouvez toutefois diriger les lecteurs vers une page Facebook http://www.facebook.com/VotreCompagnie.
  • Applications Facebook

    Les liens menant vers des applications Facebook ne sont actuellement pas compatibles avec La Presse+. Ces liens ont la forme suivante: https://www.facebook.com/nom-du-compte/app_[serie de chiffres].
  • Google Maps

    Google Maps impose des restrictions quant à l'utilisation de son API. Celles-ci sont en deçà du volume de lecteur quotidien de La Presse+, ce qui a pour effet de causer des pertes d'affichage si la limite est atteinte. Pour plus de renseignements, consultez la documentation officielle de Google.
  • Google Maps Geolocation

    Google Maps Geolocation impose des restrictions quant à l'utilisation de son API. Celles-ci sont en deçà du volume de lecteur quotidien de La Presse+, ce qui a pour effet de causer des pertes d'affichage si la limite est atteinte. Pour plus de renseignements, consultez la documentation officielle de Google.
  • Réalité augmentée

    Si votre publicité comporte une séquence d’images, celle-ci ne peut pas contenir d’objets virtuels.
  • Contrôle du volume en JavaScript

    Les restrictions du système d'exploitation d'Apple nous empêchent de pouvoir modifier le volume d'un média (audio ou vidéo) en JavaScript. Pour plus de renseignements, consultez la documentation officielle d'Apple.
  • Événements déclenchant les médias

    Il n'est pas possible d’activer un média audio sans qu’une action (toucher) soit posée au préalable. IMPORTANT : Il est maintenant possible d’utiliser l’option d’autoactivation de la vidéo. Voir l’information dans l’interaction vidéo.
  • Base64

    Il n’est pas possible d’encoder vos contenus vidéo en base64. Cette procédure entre malheureusement en conflit avec les autres médias de La Presse+.
  • Actualisation d'une publicité

    Il n'est pas permis d’actualiser une publicité au moyen des codes suivants:
    <a href='#'>Rejouer</a>
    <a href='javascript:window.location.reload();'>Rejouer</a>
    <a href='javascript:history.go(0);'>Rejouer</a>
    Il n’est pas permis d’utiliser une balise du type ancre avec un attribut href vide. Ceci peut entraîner des problèmes d’ouverture de liens externes qui sont placés ailleurs dans la publicité.
    <a href='#'></a>
  • Logiciels non compatibles

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