The Blade

Technical Details

Home »  Uncategorized »  Technical Details

Technical Details

On May 19, 2017, Posted by , In Uncategorized, With Comments Off on Technical Details

[av_submenu which_menu=” menu=’3′ position=’right’ color=’socket_color’ sticky=’aviaTBsticky’ mobile=’disabled’]
[av_submenu_item title=’Menu Item 1′ link=” linktarget=’no’ button_style=”]
[av_submenu_item title=’Menu Item 2′ link=” linktarget=’no’ button_style=”]
[/av_submenu]

[av_heading heading=’Technical Details’ tag=’h1′ style=’blockquote modern-quote’ size=” subheading_active=” subheading_size=’15’ padding=’20’ color=” custom_font=” admin_preview_bg=”][/av_heading]

[av_textblock size=” font_color=” color=” admin_preview_bg=”]

    • Languages allowed are HTMLCSS 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

The following structure is the only one accepted:

My link

    • The following calls are not authorized (if used, 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 
    • 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:

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

There are functionalities which are incompatible with Toledo Blade news slide. If the ad contains one of the functionalities listed below, you must modify the ad contents to make them compatible with our application.

  •  FACEBOOK

The ad cannot include any button to prompt any type of sharing on social networks, e.g., ‘Like’‘Send’‘Follow’‘Sign Up’, or ‘Comment’. However, a link is allowed to direct readers to a Facebook page http://www.facebook.com/MyCompany.

  •  FACEBOOK APPLICATIONS

Links to Facebook apps are not compatible with Toledo Blade news slide 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 Toledo Blade news slide’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 Toledo Blade news slide’s daily reader volume, which means requests would receive an error message if the limits are exceeded. For more information, consult the official Google documentationon the topic.

  •  AUGMENTED REALITY

If your ad includes a sequence of images, the sequence cannot contain virtual objects.

  •  SIMULTANEOUS AUDIO AND VIDEO

Apple’s mobile operating system (iOS) has restrictions. 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

Apple’s mobile operating system (iOS) restrictions mean 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:

Replay
Replay
Replay

  •  CANVAS

The canvas element enabling dynamic rendering of images is not currently supported for Toledo Blade news slide.

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

[/av_textblock]

Comments are closed.