E2E Spotlight
The Edge-2-Edge Spotlight format is an immersive ad design that scrolls seamlessly inline with content on Yahoo's publishers. Sporting an 8:9 ratio, it's an ideal platform for displaying a 16:9 video stacked on top of the end-frame.
Available Features
| Ad components | File type | Dimensions | Max file size |
|---|---|---|---|
| Static Image | JPG or PNG | 720 x 810 | 200 KB |
| Ad components | File type | Dimensions | Max file size |
|---|---|---|---|
| Static Image | JPG or PNG | 720 x 405 | 200 KB |
| Video | MP4 or WebM | 1920 x 1080 or 720 x 405 (16:9) | 2.1 MB |
| Video Poster | JPG or PNG | 1920 x 1080 or 720 x 405 | 100 KB |
Static Image
- Should contain logo, copy, CTA
Video
- Video will autoplay and then resolve to the video poster. Max video length: 15s
Video Poster
- A video poster is a static preview image displayed after video completion
| Ad components | File type | Dimensions | Max file size |
|---|---|---|---|
| Static | JPG or PNG | 720 x 810 | 200 KB |
| Video | MP4 or WebM | 720 x 810 | 2.5 MB |
| Video Overlay (optional) | PNG | 720 x 810 | 100 KB |
Static:
- Include logo and CTA. Be mindful of the replay icon which will be display in the center of the image.
Video:
- Be mindful of the sound and play/pause icons which will be displayed during the duration of the video.
Video Overlay (optional):
- A static transparent PNG (useful for a logo or CTA) that will overlay the video during the entire video duration.
| Ad components | File type | Dimensions | Max file size |
|---|---|---|---|
| Carousel Images | JPG or PNG | 720 x 810 | 200 KB |
Carousel Images
- 2-6 images
- Option to display carousel dot indicators or arrows
- Embed the Logo and CTA within each image individually
Choose a color mode:
Light Mode - Ideal for light toned assets that require dark UI elements.
Dark Mode - Ideal for dark toned assets that require light UI elements.
Custom Color Mode - Provide hex colors for the following UI elements:
| Ad components | File type | Dimensions | Max file size |
|---|---|---|---|
| Video | MP4 or WebM | 1920 x 1080 or 720 x 405 (16:9) | 2.1 MB |
| Video Poster Image | JPG or PNG | 1920 x 1080 or 720 x 405 (16:9) | 200 KB |
| Carousel Images | JPG or PNG | 720 x 405 | 200 KB |
Video:
- Video will autoplay and then resolve to the video poster. Max video length: 15s. Be mindful of the video controls.
Video Poster Image:
- Appears after video completion
Carousel Images:
- 2-6 images
- Be mindful to stay clear of the arrows and carousel dot indicator UI elements when designing.
Color Options:
Light Mode: Ideal for light toned assets that require dark UI elements.
Dark Mode: Ideal for dark toned assets that require light UI elements.
Custom Mode: Provide hex colors for the following UI elements.
- carousel dot indicator (selected)
- carousel dot indicator (unselected)
- arrows
| Ad components | File type | Dimensions | Max file size |
|---|---|---|---|
| Static Image | JPG or PNG | 720 x 810 | 200 KB |
| Static Image | JPG or PNG | 720 x 810 | 200 KB |
Optional:
- Hex color for slider
- Hex color for arrows within slider
| Ad components | File type | Dimensions | Max file size |
|---|---|---|---|
| Main Image | JPG or PNG | 720 x 486 | 200 KB |
| Info Panels | JPG or PNG | 720 x 324 (20:9) or 900 x 405 | 100 KB |
| Touchpoint Icon - selected (optional) | SVG or PNG | 50 x 50 | — |
| Touchpoint Icon - unselected (optional) | SVG or PNG | 50 x 50 | — |
Main Image:
- Provide the image without touchpoints.
- Please also provide a visual or written guide to indicate the location for each touchpoint.
Info Panel:
- One per touchpoint; 3-5 total
- Also running an E2E Horizon Desktop Touchpoint? Then, no need to recreate Info Panels. Simply deliver your E2E Horizon Desktop Info Panels (900x405px) and we’ll repurpose them.
- Optional arrows. Be mindful of the safe areas within your Info Panel if you intend arrows to be displayed. No need to design the arrows as that is part of the UI but you can custom color the arrow tabs by providing a hex code.
Optional:
- Touchpoint icons: Provide a 50x50px selected AND 50x50px unselected png/svg
- Arrows: Option to display or hide arrow. Can provide hex color.
- Colors: Dark/Light/Custom color mode
Light Mode:
- Ideal for light toned assets that require dark UI elements.
Dark Mode:
- Ideal for dark toned assets that require light UI elements.
Custom Mode:
Provide hex color for the following UI element:
- Arrow tabs which will also match the color of the selected touchpoint.
General
- Must be site-served, 3rd party ad serving is not allowed for this ad format
Screen Support:
- Mobile
Back-Up Static:
- Required for instances when the user's browser does not support creative functionality (e.g., HTML5, JavaScript)
- 8:9 / 720x810 static png
Animation
- Autoplay: 15 seconds max
Ad Vendor
Ads must be site served or served by an approved vendor.
3rd Party Ad Tags & Trackers
Approved 3rd party vendors are allowed to serve select ads. To find out which ad formats are approved to serve via 3rd party, reach out to your Sales POC.
Approved 3rd party vendor trackers (e.g. click, impression, etc.) are allowed across ad formats.
For a list of approved 3rd party vendors, please visit the 3rd Party Vendor List.
Ad Choices
Display Ads have an Ad Choices linkable icon or graphic with "AdChoices" label. Read about AdChoices for more information.
Ad Policies & Guidelines
Ads must comply with Global Yahoo Advertising Policies.
HTML5 Guidelines
HTML5 ad specifications must follow HTML5 Guidelines.
SSL Compliance
Ads & 3rd party vendors must be secure and SSL compliant.
Creative Submission Timelines
Refer to Creative Submission Guidelines for ad design & build SLAs.