Technical Specifications Web - TC...
Transcript of 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
Max. Weight: 50 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
Lum suntur qui optame idisi Dolorporum qui olorendi simpenti beaque.
Mega banner
4 5
Format: 300 x 250
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
Big box
Lum suntur qui optame idisqui Dolorporum qui simti beaque sum am sin.
Format: 300 x 600
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
Lum suntur qui optame idisqui
Dolorporum qui olorendi simpenti
beaque essum am sin vendis dicium est
Double big box
Submission Lead-timeMinimum 5 business days before campaign start.
HTML5
3rd party• Javascript code
1
2
or
Rich mediaRequired 5 business days prior
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.
6
Format: Format variable (maximum 600 x 600)
Max. Weight: 80 Kb (2.2 Mb additional / progressive download)
Timing (animation): 10 seconds of animation - (unlimited with user interaction) frequency cap ((1 per 4 hours, 1 per hour per user)
Audio: On click
Video: Yes (plays automatically / maximum 9 seconds)
Controls: AUDIO (on/off), VIDEO (stop/play/pause)
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
Max. Weight: 40 Kb (2.2 Mb additional / progressive download)
Timing (animation): 30 seconds or less, a single sequence; last frame contains any relevant information. 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
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
Max. Weight: 40 Kb (2.2 Mb additional / progressive download)
Timing (animation): 9 seconds of animation - (unlimited with user interaction) frequency cap ((1 per 4 hours, 1 per hour per user)
Audio: On click
Video: Yes (plays automatically / maximum 9 seconds)
Controls: AUDIO (on/off), VIDEO (stop/play/pause)
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
Max. Weight: 60 Kb (2.2 Mb additional / progressive download)
Timing (animation): 30 seconds of animation or less (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
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
Max. Weight: 40 Kb (2.2 Mb additional / progressive download)
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
Submission Lead-timeMinimum 5 business days before campaign start.
(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
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
18
Submission Lead-timeMinimum 5 business days before campaign start.
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
3rd party• Javascript code
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
• 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.
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]