technical specifications web - tc...

TechnicalSpecifications

U p d a t e d : D e c e m b e r 1 9 , 2 0 1 9

Web

Table of contentsLeaderboard and Mega banner ................................ 4

Big box and Double big box ...................................... 5

Voken / Top Layer ...................................................... 7

Catfish ......................................................................... 8

Interstitial ................................................................... 9

Portrait ...................................................................... 10

Push-Down Banner ...................................................11

Video Solutions ........................................................ 12

Billboard ................................................................... 13

Wallpaper .................................................................. 14

Crossover banner .................................................... 15

HPTO and EPTO ....................................................... 16

Newsletter ................................................................ 17

Mobile ........................................................................ 18

Epush ......................................................................... 19

Examples .................................................................. 21

HTML5

Image• GIF (animated or not) or JPG with URL link (must be 40 KB or less)

3rd party• Javascript code

1

2

3

or

or

One single .html file - No other file or folder

• images need to be included within the html document (base64 encoding) http://www.sveinbjorn.org/dataurls_css

• CSS and scripts need to be inside the html file using <style> and <script> tags

• public libraries (ex jQuery) must be linked to a public source (https://developers.google.com/speed/libraries/)

• all clicks to exit the ad must use the DFP counter %%CLICK_URL_UNESC%% and use target “_blank”

• The creator must provide the browsers versions that are not supported by its ad so we can exclude them.

Standard adsRequired 5 business days prior

3

Submission Lead-timeMinimum 5 business days before campaign start.

Format: 728 x 90

Max. Weight: 40 Kb (2.2 Mb additional / progressive download)

Timing (animation): 30 seconds of animation or less • maximum 3 loops (unlimited with user interaction)

Audio: On click

Video: Yes (plays automatically / maximum 30 seconds)

Controls: AUDIO (on/off), VIDEO (stop/play/pause)

Z-Index Range: 0-4,999 (standard) • 5,000-1,999,999 (or expandable and rich media) for entire ad unit

4

Lum suntur tame idisi Dolorporum qui olorendi nti beaque.

Leaderboard

Format: 1,200 x 90



Audio: On click




Lum suntur qui optame idisi Dolorporum qui olorendi simpenti beaque.

Mega banner

4 5

Format: 300 x 250


Timing (animation): 30 seconds of animation or less maximum 3 loops (unlimited with user interaction)

Audio: On click




Big box

Lum suntur qui optame idisqui Dolorporum qui simti beaque sum am sin.

Format: 300 x 600


Timing (animation): 30 seconds of animation or less maximum 3 loops (unlimited with user interaction)

Audio: On click




Lum suntur qui optame idisqui

Dolorporum qui olorendi simpenti

beaque essum am sin vendis dicium est

Double big box


HTML5


1

2

or

Rich mediaRequired 5 business days prior

One single .html file - No other file or folder






6

Format: Format variable (maximum 600 x 600)


Timing (animation): 10 seconds of animation - (unlimited with user interaction) frequency cap ((1 per 4 hours, 1 per hour per user)

Audio: On click



Z-Index Range: 2,000,000 - 2,999,999

7

X

Lum suntur qui optame idisqui

Dolorporum qui

Voken / Top Layer

Vokencreated by studio*• High resolution pictures

• Logo EPS or PNG

• Final text with layout / Brief / Storyboard

• URL link

• 9 seconds animation

* Production costs are applicable with this service.

8


Timing (animation): 30 seconds or less, a single sequence; last frame contains any relevant information. Unlimited with user interaction.

Audio: On click




Note: Provide the color code for the filling sides

Format: 1,260 x 60Expandable: 1,260 x 120

Catfish

Expandable

X

Standard

XOta abora dis dus imporep udaeperIdus quiam

Rumquati dust faccabo atemquiOccum imus endia asnitatur as rerum

8 9

X

Interstitial

Lum suntur qui optame idisqui Dolorporum quimti beaque sumsin.

Format: 640 x 480


Timing (animation): 9 seconds of animation - (unlimited with user interaction) frequency cap ((1 per 4 hours, 1 per hour per user)

Audio: On click



Z-Index Range: 2,000,000 - 2,999,999

10

Logo

Primary App.

Secondary App. 1

Secondary App. 2

Format : 300 x 1,050

Max. Weight : 80KB (image)

150KB for HTML5

2.2MB progressive download

Notes : Accepted file formats includ: Third party, GIF,

JPEG, PNG

Third party only for animated version

Portrait

11


Timing (animation): 30 seconds of animation or less (unlimited with user interaction)

Audio: On click




Note: Ad unit content must be clearly distinguishable from normal Webpage content and framed within 15 px border widthLogo max WxH: 239x68 px or 239x46 with brand copyheight = 22 px below logoLogo location: top left(15 px from each edge)

Format: 1,200 x 90Expandable: 1,200 x 415 3rd party tags only

Push-Down Banner

ExpandoX

XOta abora dis dus imporep udaeperIdus quiam

Rumquati dust faccabo atemquiOccum imus endia asnitatur as rerum

Standard

12

Not available in the following sections:Dossiers, Content marketing, and Paywall

Video SolutionsFormats and sizes:• 16 :9• MP4, VAST (until 4.0)• VPAID (FLASH not suppoprted) • HTML5 Player Responsive • Video duration recommanded : 6 or 15 seconds Maximum 30 seconds

Static advertisement at the end of the video:• Big box: 300 x 250• Leaderbord: 728 x 90• Recommended: 16: 9

Trackers:• Clicks• Start / Pause / Resume• 1st quartile / Midpoint / 3rd quartile / Complete• Impressions• Creative View• Mute / Unmute• MOAT

12 13

FormattingDimension: 970 x 250

Frame Rate: 24 FPS max

Initial Load File Size: 40 KB max initial load with 2.2 MB polite load with a “Close Ad X” button

AttributesBorder and iFrame: Must stay within iFrame and have complete border

Ad Mouseover Policy: No audio, video, or action may be initiated on mouseover. The cursor may not be altered in any way within the unit

Clickable Policy: Clickable areas within the ad can have mouse over animation of a duration

no greater than 2 secondsSpecial Design Features: “Close Ad X” button is required on the top right corner. “Close Ad X” button must have a 5 pixel padding from top and right sides of Billboard unit

VideoAutoplay Animation/ Video: 30 Seconds

On-load Audio: No sound

User-initiated Video: Can include “Click to Continue”, “Click to Play”, or “Replay” buttons

Must include: Progress bar, play/pause/stop button, mute/unmute button

Action on User Click: Once Paul or Stop is clicked, there should be zero animation or video. All sounds and animation should stop upon exit click.

Additional Details & Recommendations

• “Close Ad X” button will collapse 100% of the Billboard and leave a “Show Ad button that will

redisplay the ad on user click • When user clicks “Close Ad X”, the ad will disappear, page content will push up and a “Show Ad” button will remain • When a user clicks “Show Ad” or the branded “Show Ad button”, the ad will reappear, page content will push back down, and a “Close Ad X” button will appear on the Billboard • Cannot mimic any Site experience, pages, designs, graphics, or logos without prior approval

Billboard

14

Crossover banner : 1 200 x 200

Format: Width: 1,500 x Height: 1,200 (.jpg or .gif) - 100 k max.)

Notes: OPTIMUM AREA: To be visible on most screens, the main content Wallpaper should be centered within a framework of 1340 x 500 pixels.

Column width is 140 pixels, but the optimal area is 70 pixels.

Without animation • Can be clickable (We provide the http link)

This format is combined with one or more creative(s) Additional(s) (subject to availability)

Must be received at least 5 days before the launch of the campaign

The center (1200 pixels) should be white or transparent and centered in the creative

Must be approved by the product owner.

1,340 pixels (OPTIMUM AREA - Frame safe)

Transition gradient required at the ends of creative

All items must be registered in the navigation menu

500

pixels (Frame safe)

1,200 pixels (Width of the site)

140 pixels (Column width)

70 pixels (Largeur

sécuritairede la

colonne)

70 pixels (Largeur

sécuritairede la

colonne)

1,200

pixels (Height W

allpaper)

1,500 pixels (Width Wallpaper)

140 pixels (Column width)

(HTML5 is not accepted)

Wallpaper

OPTIMUM AREA

70 pixels

OPTIMUM AREA

70 pixels

15

Format: 1,200 x 200


Image only: Jpeg or static gif

Rule: Must be sold with Wallpaper (never alone)

Standard

Wallpaper Wallpaper

Crossover banner

Lum suntur qui optame idisi Dolorporum qui olorendi simpenti beaque.

Porum qui olorendi simpenti beaquesum am sin vendis dim qui olorencium.

16

Wallpaper + Crossover (or Leaderbnoard) + 2 Big box and/or Double Big box

• Wallpaper – (1,500 x 1,200 – 100 ko maximum)

• Crossover banner (1,200 x 200 – 40 ko maximum) or Leaderboard (728 x 90 – 40 ko maximum)

• Bigbox (300 x 250 – 40 ko maximum) and/or Double bigbox (300x600 – 40 ko maximum)

• Mobile banner (320x50 – 40 ko maximum)

Provide redirect URL links for each of these elements

HPTO et EPTO

Format: 728 x 90 • 300 x 250 - Static image only (.JPEG or .GIF)

Max. Weight: 40 Kb

Timing: Static banners only

17

Newsletter


(HTML5 is not accepted)

Lum suntur tame idisi Dolorporum qui olorendi nti beaque.

Lum suntur qui optame idisqui Dolorporum qui simti beaque sum am sin.

Format: 300 x 250 • 300 x 600 • 320 x 50 • 320 x 480



Audio: On click




18


Mobile

300 x 600

300 x 250

320 x 50

320 x 480

X

18 19

General• Background color of your choice and no background image (background)

• Text must be placed on solid color, no gradient

• Height: 760 px of width maximum. Variable heights

• Subject line: 64 characters including spaces• To avoid messages getting stuck in Spam, do not use • special characters • programming signs, etc.

• Campaign sent after 16:00 or on Friday are underperforming

• Be sure that email contain text and not only an image. Ratio should be similar to the image on the right

• When HTML is created by TC Media, the images provided must: • Format: PSD (Photoshop with layer) • No spacing , symbols or special characters in file names

• Use standard Web fonts: Arial, Verdana,Times New Roman, Georgia

• Responsive We must receive final material (HTML) that fits all platforms and sizes (100%). This HTML must have been validated on all email clients (desktop, mobile and web based) by the customer.

Epush

Technical• No image Maps. They are not supported by our system.

• CSS should be implemented in the HTML when it possible (eg : inline)

• No JavaScript

• Character encoding is mandatory for accents. E.g. é = é avoid metatype

• No <div> : use tables instead

• For paragraphs: set style = “ margin: 0 , padding: 0 ; “

• Always specify width and height of images

• Always specify width of the table around the push (Important for Outlook)

• All links must be absolute, not relative

• Please add alt for all images

• No bulleted list ( <ul> <li> ), simulate it with a table and character bull

• Do not use _ in the Style Names

• For a spacer, either the height or the width must be 20px minimum

Required by law• The unsubscribe method is included in all our packages

• Names of the sender and mailing address must be clearly identifiable

• Subject line should accurately reflect email subject

• Sender must be clearly identified in the message. In case the message is sent on behalf of a third party (advertiser) , the two parties must be clearly identified in the message

• If one or more of above listed points are not met , TC Media could delay the campaign and fix a new deployment date according to the current workload .

• TC media has the last say on material from the client and can reject any campaign if material does not conform to TC Media specifications mentionned above

Submission Lead TimeFinal material should be submitted at the lasted 7 business days prior to campaign launch. Allow 3 additional days to create the HTML.A test e-mail will be sent 24 to 48 hours before campaing launch.

Video


1

2

or

In-banner videoRequired 5 business days prior

• .MPEG, .WMV, .AVI, .MOV or .FLV file

• Exit URL(s)

• Backup .GIF or .JPEG (optional)

• Agency 1x1 click through and view through

tracking tags (optional)

Maximum length 10 to 30 seconds(Strongly recommended: 15 secondes)

Details

20

AVAILABLE SIZES728 x 90 • 300 x 250 • 300 x 600Expandable: See previous pages - depending on format

MAX. WEIGHT: 40 kb / 2.2 Mb additional / progressive download

TIMING: 30 seconds of animation or less (unlimited with user interaction)

AUDIO: On click

VIDEO: Yes (plays automatically / maximum 30 seconds) (unlimited with user interaction)

CONTROLS: Same as the other

Z-Index Range: See previous pages - depending on format

HTML5One single .html file - No other file or folder






20

Web version (Homepage)

• Company logo (size: 420 x 280 - JPEG High Res.)

• Choice of title containing the name (maximum 65 characters)

• Exact name of the company

• The first name of the nominee

• The last name of the nominee

• Colour portrait, square image (280 x 280 - JPEG High Res.)

• Text - Word format (same as for Les Affaires – unless the client wants a different version)

• The nominee’s Twitter address (if applicable)

• Provide the nominee’s e-mail address so that people can send congratulatory messages. (The email does not appear on our website)

21

Web Notices of appointmentShare your appointment notices with the business community.

DeliveryPlease provide the required elements to your multimedia campaign manager.

Link to view your nomination notice before publication (In french only): http://www.lesaffaires.com/nominations

In summaryLegend: Sizes available for: Computer iPad Mobile

SIZES

STANDARD

Leaderboard 728 x 90

Mega banner 1,200 x 90

Banner (Mobile only) 320 x 50

Interstitial (Mobile only) 320 x 480

Big Box 300 x 250

Double Big Box 300 x 600

Homepage takeover/EPTO 728 x 90 • 300 x 250 • Wallpaper

RICH MEDIA

Voken / Top Layer 600 x 600

Catfish 1,260 x 60

Catfish • expandable* 1,260 x 120

Interstitiel 640 x 480

Push-Down Banner 1,200 x 90

Push-Down Banner • expandable* 1,200 x 415

Billboard 970 x 250

Wallpaper 1,500 x 1,200 0

Crossover banner 1,200 x 200

Epush Width: 760 (Variable height)

Out-stream Video 6 to 30 seconds video *3rd party tags only

MONTREAL1100 René-Lévesque Blvd West, 24th floorMontreal (Quebec) H3B 4X9

Phone: 514-392-4660 • 1 800 361-5479Fax: 514-392-2068Email: [email protected]

TORONTOEmail: [email protected]

technical specifications web - tc...

Documents