300x250 - Comcast Spotlight

Transcription

300x250 - Comcast Spotlight
Dimensions
Available
Sections
Notes
300x250
160x600
300x250 pixels
All Sections
728x90
300x600
160x600 pixels
728x90 pixels
300x600 pixels
Mail Only
Entertainment, Finance,
Local, News, Sports
Sign In Only
Ad unit content must be clearly distinguishable from normal webpage content
(i.e. ad unit must have clearly defined borders)
STATIC
300x250
160x600
File Type
728x90
300x600
JPEG or Static GIF
Max File Size
40KB
60KB
ANIMATED
160x600
728x90
300x600
SWF or Animated GIF
40KB
60KB
15 seconds max
24fps, Recommend exporting Flash 6, accept up to Flash 10
Click-Thru instructions available, Must be accompanied by JPEG or static GIF (to spec)
300x250
File Type
Max File Size
Animation
Flash/SWF
Notes
Background of creative cannot be transparent and must have a physical background.
RICH MEDIA
300x250
160x600
728x90
300x600
Audio/Video
15-30 seconds
All audio and video must be user initiated – no autoplay.
Functionality
Mouse Over ads must include both “Roll Over to Play” graphic and player controls.
For units running on the Sign In page (part of ROS), tags must be hosted from a secure server and using
secure ad tags.
DART/DoubleClick, Eyeblaster, Liquidus, Mediaplex, Mixpo, Pointroll
Approved Rich
Media Vendors*
Ad4Ever, AdCentric, Adform, Adinterax, Adition, Adlegend, Admeta, Adtech, AdvertPRO, Atlas DMT, Bluestreak, CheckM8,
Clipstream, Dynamic Logic, Enliven, Eyereturn, Eyewonder, Google, Interpolls, Kaon, Klipmart, Mediatronica, Poindexter,
TangoZebra, Unicast, United Virtualities, Valueclick, Vendaria, Viewpoint, Zedo
*Please provide JavaScript ad tag format when available.
300x250
Rich Media
Expand Size
560x300 pixels
Left Only
RICH MEDIA EXPANDABLE
160x600
728x90
300x600 pixels*
N/A
Left Only
300x600
N/A
*Mixpo and Pointroll Only
Expansion
Mouse Over / Mouse Off: When a user passes a mouse over the creative, the panel expands; the panel
retracts when the mouse is removed. Include one second hover delay.
Click Open / Click Close: The creative can be set to expand with user click; the panel retracts when the user
clicks a clearly marked close button.
Approved
Atlas, DART/DoubleClick, Eyeblaster, Eyewonder, Liquidus, Mediaplex, Mixpo, Pointroll
Expandable
Rich Media
Vendors*
*Any vendors outside this list will require additional time for testing as Comcast utilizes an iFrame ad tag on
Xfinity.com homepage.
Page 1
Revised January 2014
VIDEO PRE-ROLL
Dimensions
(Aspect
Ratio)
File Type
Max File Size
Animation
Creative
Notes
Creative
Details
File Type
Notes
COMPANION BANNER
(optional ad unit)
1000x90, 300x250*
640x480 pixels (4:3), 640x360 pixels (16:9)
FLV, AVI, MPEG, MOV, WMV, VAST*
*Please allow 3-5 days for testing of all new VAST creatives
none
15-30 seconds, 24fps or 29.97fps
Video: All black bars must be cropped out. Please de-interlace
method: 2-Pass VBR.
Audio: MAX PEAK at -3dB, Avg between -18dB and -6dB
*300x250 only available if
running CSVN
JPEG, static GIF
40KB
N/A
N/A
TEXT LINES
ICON
15 character top line
25x25 pixels
15 character bottom line
Max 2KB
N/A
JPEG, static GIF
Both text and icon required, available on Mail page only
Page 2
Revised January 2014
Custom Placements are available as Sponsorships only.
For custom placements there is a five business day prior to launch turnaround time for testing purposes.
Screenshots and examples are available below.
SIGN IN PAGE ROADBLOCKS
1400x800
300x250
300x600
(100KB Max)
Standard
JPEG, GIF, SWF, Rich Media
N/A
N/A
Monster
N/A
JPEG, GIF, SWF, Rich Media
N/A
Takeover
N/A
N/A
JPEG, static GIF
300x250 OR 300x600 Non-expandable Mixpo Only
Takeover+IBV
JPEG, static GIF
This becomes the only clickable area on creative.
Creative Notes
Standard
Pencil
Pushdown
Rich Media must be hosted on a secure server and using secure ad tags
Template available for
Photoshop
HOME PAGE ROADBLOCKS
954x60
954x250
300x250
(40KB Max)
(100KB Max)
JPEG, GIF, SWF, Rich Media
N/A
N/A
JPEG, GIF, SWF, Rich Media
JPEG, GIF, SWF, Rich Media
N/A
JPEG, GIF, SWF, Rich Media
Animation limited to 15 seconds max
JPEG, GIF, SWF, Rich Media
Rich Media video limited to 15-30 seconds
Appropriate call to action should be included in hotspot
Pushdown
Functionality
Static and Flash
Must have 2 separate files (954x60 and 954x250). Both of these
file types have to be the same, but can be different than the
300x250.
N/A
Limited to Rollover to expand/collapse functionality.
25% hotspot and one second hover delay required
(functionality implemented by Xfinity)
Must be 1 tag
Pushdown
Functionality
Rich Media
Rollover OR Click to expand/collapse
25% hotspot and one second hover delay required for
N/A
all Mouse Over/Off pushdown creatives
(functionality implemented by Third Party)
Notes
Takeover roadblocks must be sold with both 300x250 and
N/A
Pencil or Pushdown unit
BACK PAGE ROADBLOCKS (ENTERTAINMENT, LOCAL, NEWS, SPORTS)
1000x60
300x250
728x90
(40KB Max)
Standard
JPEG, GIF, SWF, Rich Media
Takeover
JPEG, GIF, SWF, Rich Media
Notes
Standard
1280x1024*
(60KB Max)
N/A
N/A
JPEG, static GIF
*1280x1024 is not clickable and is stationary
Standard roadblocks must be sold with both
Takeover roadblocks must be sold with all four ad sizes
300x250 and 728x90
MAIL ROADBLOCKS
300x250
160x600
JPEG, GIF, SWF, Rich Media
JPEG, GIF, SWF, Rich Media
Page 3
Revised January 2014
Creative Requirements
General Creative Guidelines
Text should be no more than 5 visible lines of copy and 100
characters maximum. This excludes company logo, short
disclaimer, and call to action text. Call to action text should
be 25 characters max.
Less elements, more impact. Ad should be clear,
simple, and sophisticated with a visual hierarchy.
Text must be between 9pt and 50pt font.
Legal disclaimer copy should be 9pt font and 50 characters
max.
No vertical text or Photoshop effects/filters on type.
Image should not visually interfere with the Sign In box.
All photos should be professional, clear, and
appropriate to the message of the ad. Collage
style is not preferred.
Normal colors are preferred, no neon/vibrating
colors.
Use of standard fonts recommended.
Small logo, product, or lifestyle illustration and/or
photo is recommended.
Creative Recommendations
Template Information
Strongly recommended for creative to include a call to action in
the clickable area.
A layered template is available in a Photoshop
(.PSD) format and is strongly recommended to use
when making the creative. If saving out the final
JPG from these files, be sure all template layers are
hidden (i.e. the Sign In box should not be visible).
Recommended all important elements be kept in the 1280x600
resolution, to not be cut off at smaller resolutions.
Page 4
Revised January 2014
Page 5
Revised January 2014
Page 6
Revised January 2014
Dimensions
File Types
Max File Size
Animation
300x250
300x250 pixels
160x600
160x600 pixels
JPEG, GIF, SWF, Rich Media
40KB
15 seconds max
728x90
728x90 pixels
Flash/SWF
24fps, Recommend exporting Flash 6, accept up to Flash 10
Click-Thru instructions available, Must be accompanied by JPEG or static GIF (to spec)
Notes
Ad unit content must be clearly distinguishable from normal webpage content
(i.e. ad unit must have clearly defined borders)
Background of creative cannot be transparent and must have a physical background.
Approved Rich
Media Vendors
Rich Media
Expand Size
Rich Media
Expansion
Rich Media
Expand Size
Atlas, DART/DoubleClick, Eyeblaster, Eyewonder, Interpolls,
Liquidus, Mediaplex, Mixpo, Pointroll, Unicast
FANDANGO, MOVIES.COM
300x250
160x600
728x90
600x500 pixels
300x600 pixels
728x270 pixels
Left or Down Only
Left Only
Down Only
15-30 seconds
All audio and video must be user initiated – no autoplay.
Must include both “Roll Over to Play” graphic and player controls.
Mouse Over / Mouse Off: When a user passes a mouse over the creative, the panel expands; the panel
retracts when the mouse is removed. Include one second hover delay.
EONLINE, ESQUIRE NETWORK, TELEVISION WITHOUT PITY
300x250
728x90
600x500 pixels
728x270 pixels
Left or Down Only
Down Only
Rich Media
15-30 seconds
All audio and video must be user initiated – no autoplay.
Must include both “Roll Over to Play” graphic and player controls.
Expansion
Mouse Over / Mouse Off: When a user passes a mouse over the creative, the panel expands; the panel
retracts when the mouse is removed. Include one second hover delay.
Page 7
Revised January 2014
Dimensions
Notes
300x250
160x600
300x250 pixels
160x600 pixels
Ad unit content must be clearly distinguishable from normal webpage content
(i.e. ad unit must have clearly defined borders)
STATIC
300x250
160x600
File Type
JPEG or Static GIF
Max File Size
40KB
ANIMATED
300x250
160x600
File Type
Max File Size
Animation
SWF or Animated GIF
40KB
15 seconds max
Flash/SWF
24fps, Recommend exporting Flash 6, accept up to Flash 10
Click-Thru instructions available, Must be accompanied by JPEG or static GIF (to spec)
Notes
Background of creative cannot be transparent and must have a physical background.
RICH MEDIA
300x250
Audio/Video
Functionality
Approved Rich
Media Vendors*
160x600
15-30 seconds
All audio and video must be user initiated – no autoplay.
Mouse Over ads must include both “Roll Over to Play” graphic and player controls.
DART/DoubleClick, Liquidus, Mediaplex, Mixpo, Pointroll
*Please provide JavaScript ad tag format when available.
RICH MEDIA EXPANDABLE
Rich Media
Expand Size
Expansion
Approved
Expandable Rich
Media Vendors*
300x250
560x300
Left or Down Only
160x600
N/A
Mouse Over / Mouse Off: When a user passes a mouse over the creative, the panel expands; the panel
retracts when the mouse is removed. Include one second hover delay.
Mixpo
*Any vendors outside this list will require additional time for testing, as this is not an approved expandable
Rich Media for the site at this time.
Page 8
Revised January 2014
Dimensions
Notes
300x250
160x600
300x250 pixels
160x600 pixels
Ad unit content must be clearly distinguishable from normal webpage content
(i.e. ad unit must have clearly defined borders)
STATIC
300x250
160x600
File Type
JPEG or Static GIF
Max File Size
40KB
ANIMATED
300x250
File Type
Max File Size
Animation
Flash/SWF
Notes
160x600
SWF or Animated GIF
40KB
15 seconds max
24fps, Recommend exporting Flash 6, accept up to Flash 10
Click-Thru instructions available, Must be accompanied by JPEG or static GIF (to spec)
Background of creative cannot be transparent and must have a physical background.
RICH MEDIA
300x250
Audio/Video
Functionality
Approved Rich
Media Vendors*
160x600
15-30 seconds
All audio and video must be user initiated – no autoplay.
Mouse Over ads must include both “Roll Over to Play” graphic and player controls.
DART/DoubleClick, Liquidus, Mediaplex, Mixpo, Pointroll
*Please provide JavaScript ad tag format when available.
RICH MEDIA EXPANDABLE
Rich Media
Expand Size
Expansion
Approved
Expandable Rich
Media Vendors*
300x250
700x440 (max)
Left or Down Only
160x600
N/A
Mouse Over / Mouse Off: When a user passes a mouse over the creative, the panel expands; the panel
retracts when the mouse is removed. Include one second hover delay.
Mixpo, Liquidus, Pointroll
*Any vendors outside this list will require additional time for testing, as this is not an approved
expandable Rich Media for the site at this time.
Page 9
Revised January 2014
Dimensions
Notes
300x250
728x90
300x250 pixels
728x90 pixels
Ad unit content must be clearly distinguishable from normal webpage content
(i.e. ad unit must have clearly defined borders)
STATIC
300x250
728x90
File Type
JPEG or Static GIF
Max File Size
40KB
ANIMATED
300x250
File Type
Max File Size
Animation
Flash/SWF
Notes
728x90
SWF or Animated GIF
40KB
15 seconds max
24fps, Recommend exporting Flash 6, accept up to Flash 10
Click-Thru instructions available, Must be accompanied by JPEG or static GIF (to spec)
Background of creative cannot be transparent and must have a physical background.
RICH MEDIA
300x250
Audio/Video
Functionality
Approved Rich
Media Vendors*
728x90
45 seconds max
All audio and video must be user initiated – no autoplay.
Mouse Over ads must include both “Roll Over to Play” graphic and player controls.
DART/DoubleClick, Motif, Eyeblaster, Pointroll, Unicast, Eyewonder,
Klipmart, Atlas, CheckM8, Mediaplex, Mixpo
*Please provide JavaScript ad tag format when available.
RICH MEDIA EXPANDABLE
Rich Media
Expand Size
Expansion
Approved
Expandable Rich
Media Vendors*
300x250
560x300
Left or Up Only
728x90
728x270
Down Only
Mouse Over / Mouse Off: When a user passes a mouse over the creative, the panel expands; the panel
retracts when the mouse is removed. Include one second hover delay.
DART/DoubleClick, Motif, Eyeblaster, Pointroll, Unicast, Eyewonder,
Klipmart, Atlas, CheckM8, Mediaplex, Mixpo
*Any vendors outside this list will require additional time for testing, as this is not an approved
expandable Rich Media for the site at this time.
Page 10
Revised January 2014
In order to efficiently host creative advertisements on various Comcast sites, all creative content is restricted to a
specific file size, quick reference below (for additional ad units, reference the Available Ad Units pages). These low file
sizes allow our advertisements to load very quickly so they do not interfere with the end user’s experience or add
load time to the site itself.
Dimensions
300x250
160x600
728x90
300x600
Max File Size
40KB
40KB
40KB
60KB
For Adobe Photoshop:
Open your completed banner in Adobe Photoshop. Go to File > Save for Web... .
Use the drop down menu near the top right and select JPEG or GIF. Use the file format that will give you the highest
quality at the smallest file size.
When the ad is text heavy, choose GIF.
When the ad is graphic heavy or has
gradients, choose JPEG.
If you have a mix of text and graphics
or are not sure, default to JPEG.
Adjust the Quality slider on the right
while watching your image’s file size in the
bottom left.
Once you are satisfied with the level of
quality your image is displaying AND are
within the specified KB limit, click the Save
button.
You have successfully compressed your banner ad!
Page 11
Revised January 2014
In order to efficiently host creative advertisements on various Comcast sites, all creative content is restricted to a
specific file size, quick reference below (for additional ad units, reference the Available Ad Units pages). These low file
sizes allow our advertisements to load very quickly so they do not interfere with the end user’s experience or add
load time to the site itself.
Dimensions
300x250
160x600
728x90
300x600
Max File Size
40KB
40KB
40KB
60KB
Open your completed Flash banner FLA file, then go to File > Publish Settings (screenshot to right).
Under Publish select Flash (.swf). Under Advanced,
the Compress movie box should be checked.
Next, adjust the JPEG Quality. The higher the JPEG
quality, the larger the file size will be. Continue to
adjust the JPEG Quality, publishing SWFs, and
checking the file size of the SWFs until the quality is
as high as possible while still under the specified file
size.
Note: using unique fonts can increase file sizes.
Changing fonts may help you save space.
~
If you want to adjust the quality of specific pictures in
your Flash file, right click on the name of the
picture in the Library, then click Properties
(screenshot below).
Set the Compression to Photo (JPEG) and Quality
to Custom. Adjust the quality as needed.
You have successfully compressed
your banner ad!
Page 12
Revised January 2014
After completing the creative portion of your Flash banner ad, create a new layer above the rest called clickTAG.
Select the first frame on the clickTAG layer.
Draw a rectangle over the entire banner – this can have any color fill, but no stroke or outline.
Right click on the new rectangle and click Convert to Symbol…
Name the new symbol clickTAG_button and set the Type to
Button. Click OK. You will now see your button listed in your
Library.
Double click on the rectangle of the new button, clickTAG_button. This
will bring you into that button’s timeline. Notice instead of frame
numbers, there are words: Up, Over, Run, and Hit
Drag the key frame that is on the Up frame to the Hit frame. This will
make the entire area of the rectangle the Hit state, or the clickable area.
Since the Up, Over, and Down states are empty, the button will be
transparent.
Click Scene 1 in the top left corner to return to your main timeline.
The button should now be a transparent teal color, which indicates that there
is an invisible button there. The teal color will not display when you export
your banner ad.
For the next step, determine if you are using ActionScript 2.0 or
ActionScript 3.0. This setting can be found in the Properties
window under Publish.
Page 13
Revised January 2014
If you are using ActionScript 2.0:
Go to your Actions window, then click the transparent teal button clickTAG_button once. Notice the current selection
is clickTAG_button and the bottom of the Actions window also shows clickTAG_button.
Copy and paste this exact code into the Actions window:
on(release){
getURL(clickTAG, "_blank");
}
Please note that this code is case-sensitive.
You have successfully added your click-thru!
Page 14
Revised January 2014
If you are using ActionScript 3.0:
Go to your Actions window and click the transparent teal button clickTAG_button
once. Look at the Properties window to find additional information about the
button, including its name and dimensions.
Objects on your stage in Flash are just copies, or instances, of objects in your library.
You will need to give your clickTAG_button an instance name.
Click the box at the top that is called <Instance Name> and re-label it
clickTAG_button_instance .
Add a new layer above the rest and label it clickTAG_Actions . This layer
should contain only the clickTAG code. Click on the first frame of the
clickTAG_Actions layer, then go to the Actions window.
Copy and paste this exact code into the Actions window:
clickTAG_button_instance.addEventListener(MouseEvent.CLICK, clickTAG_function);
function clickTAG_function(e:MouseEvent)
{
var clickTAG:String=loaderInfo.parameters.clickTAG;
if ((clickTAG.substr(0, 5) == "http:") || (clickTAG.substr(0, 6) ==
"https:"))
{
var req:URLRequest=new URLRequest(clickTAG);
navigateToURL(req, "_blank");
}
}
Please note that this code is casesensitive. Also notice the button
name in the code is exactly the same
name as the button instance name
(clickTAG_button_instance).
You have successfully added your
click-thru!
Page 15
Revised January 2014
Each banner ad can have a maximum of six click-thrus. Individual click-thrus will not be tracked separately; reporting will
only show one number that represents total clicks.
Please be sure to tell us which link each click-thru will correspond to in a text file.
For example:
clickTAG = http://www.xfinity.comcast.net
clickTAG2 = http://www.comcastspotlight.com
Each click-thru will need to have its own button above the rest of the layers on the timeline. When adding the clickTAG
code to each subsequent click-thru after the first click-thru, add the number after "clickTAG". Please note that the first
clickTAG will always be clickTAG, never clickTAG1.
For example, in ActionScript 2.0:
1st click-thru:
on(release){
getURL(clickTAG, "_blank");
}
2nd click-thru:
on(release){
getURL(clickTAG2, "_blank");
}
3rd click-thru:
on(release){
getURL(clickTAG3, "_blank");
}
Page 16
Revised January 2014