GUIDE ART SUBMISSION. Specifically for DIGITAL DISPLAY ADVERTISING DIGITAL COUPONS DYNAMIC MOBILE MARKETING LANDING PAGES

Transcription

1 ART SUBMISSION GUIDE Specifically for DISPLAY ADVERTISING COUPONS DYNAMIC MOBILE MARKETING LANDING PAGES Keep in mind: In this array of digital formats, each has its own nuances Particular sizes, design tips, character counts, file types, etc. are here for your reference Whether your approach is high impact or low cost, we ll match you with the right ad type for your target audience 1

2 STANDARD DISPLAY AD SPECS A standard display ad can be either static or animated. It is placed within a publisher s specified ad content area based on your targeting criteria and our programmatic buying process. Required assets for Standard Display ads 160x x90 728x90 300x x50 300x250 STATIC / ANIMATED BANNERS File types accepted loops animation length jpg, png, gif file size Desktop/laptop/tablet: 50 KB Mobile: 40 KB 3 :15 Ad unit Device Size Skyscraper Medium Rectangle Leaderboard Banner Desktop, laptop Desktop, laptop, tablet Desktop, laptop, tablet Mobile All 3rd party tags must be SSL-compliant Ads need to have a high-contrast background or include a visible border Click actions must go to new target window 160W x 600H px 300W x 250H px 728W x 90H px 320W x 50H px Flash is not supported; creative must not include any Flash object HTML5 ASSETS loops animation length frames per second 3 file size Desktop/laptop: 150 KB :15 24 Hosting Must be hosted by a 3rd party ad server and delivered as a JavaScript or iframe tag All assets are due 3 business days prior to launch 2

3 RICH MEDIA DISPLAY AD SPECS A rich media display ad has advanced features that encourage viewers to interact with the content. It is placed within a publisher s specified ad content area based on your targeting criteria and our programmatic buying process. Required assets for Rich Media Display Ad unit Device Size expandable Expand direction 320x50 Skyscraper Non-Mobile 160W x 600H px 600W x 600H px Left or Right 160x x x416 Medium Rectangle Non-Mobile 300W x 250H px 600W x 250H px Left or Right Leaderboard Non-Mobile 728W x 90H px 728W x 315H px Down Banner Mobile 320W x 50H px 320W x 480H px Down All hosting must be done by a Rich Media vendor. Valassis Digital preferred vendors are Flashtalking, PointRoll, Sizmek, DoubleClick, Celtra. DESKTOP LAPTOP TABLET Format HTML5 initial load 150 KB polite load 300 KB user initiated load 2.2 MB number of panels Expand / retract: Expand upon roll-over/click; use the same open/close method MOBILE Format HTML5 Animated gif initial load 50 KB polite load 100 KB user initiated load 200 KB Expand / retract: Expand upon tap; no auto expansion 4 number of panels 4 Close X button Yes Close X button Yes Audio initiated User-click Audio initiated User-click Auto-play creative Loop 3 times; :15 animation length Hotspot Not to exceed ¼ size of original ad Cursor-initiated after resting :01 Must not initiate audio Additional format specs 3rd party JavaScript tags No Flash creative or iframes All 3rd party tags must be SSL-compliant Ads need to have a high contrast background or include a visible border Click actions must go to new target window HTML5 must be hosted by a 3rd party ad server and delivered as a JavaScript or iframe tag Flash is not supported; creative cannot include any Flash object All assets are due 3 business days prior to launch 3

4 HIGH-IMPACT DISPLAY AD SPECS DESKTOP LAPTOP TABLET A high impact display ad is an ad unit with advanced features that encourage viewers to interact with the content. It is placed within a publisher s specified ad content area based on our clients targeting criteria and our programmatic buying process. FILMSTRIP Format initial load polite load content cells frame rate Audio/video initiated Required assets for High-Impact Display ads (jpeg, gif), HTML5 200 KB 300 KB 5 24 fps User-click 970x250 Ad unit Device Size Billboard Non-Mobile 970W x 250H px Filmstrip Non-Mobile 300W x 600H px 300x600 Animation / looping Unlimited looping; 15 sec. max animation length Afterwards, image must remain static Video requirements In-Banner Video Creative Specifications also apply, with the exception of 300W x 250H px dimensions Backup image Preferred, not required file size 30 KB Dimensions: 300W x600h px Border requirements 1-pixel border required BILLBOARD Expansion requirements Must have click to expand and to close buttons Must be able to collapse ad Video requirements In-Banner Video Creative Specifications also apply, with the exception of 300W x 250H px dimensions All 3rd party tags must be SSL-compliant Click actions must go to new target window HTML5 must be hosted by a 3rd party ad server and delivered as JavaScript or iframe tag Flash is not supported; creative cannot include any Flash object All assets are due 3 business days prior to launch Note: These requirements are in addition to those listed in the Desktop Display Ad Specs table 4

5 HIGH-IMPACT DISPLAY AD SPECS CONTINUED DESKTOP LAPTOP TABLET MOBILE INTERSTITIAL ( BETWEEN-THE-PAGE UNITS) The interstitial unit is an interactive full-page ad unit. An interstitial is loaded in-between content (such as game levels or web pages). When collapsed (closed), the user s expected content loads. Format (jpeg, gif), HTML5 initial load 200 KB polite load 300 KB frame rate 24 fps Audio/video initiated User-click Animation / looping Video requirements 320x50 320x480 Unlimited looping; 15 sec. max animation length Afterwards, image must remain static Additional requirements Must have click to close button In-Banner Video Creative Specifications also apply, with the exception of 300W x 250H px dimensions Streaming video can be loaded into the parent cell upon user click only User controls: Play, pause, and mute controls are required. Other controls are permitted. Ad unit Device Size Mobile Interstitial Mobile 320W x 480H px 480W x 320H px 1024W x 768H px 768W x 1024H px Fit-to-screen All 3rd party tags must be SSL-compliant Click actions must go to new target window HTML5 must be hosted by a 3rd party ad server and delivered as JavaScript or iframe tag Flash is not supported; creative cannot include any Flash object All assets are due 3 business days prior to launch 5

6 IN-STREAM VIDEO AD SPECS Pre-roll and mid-roll ads are in-stream video ads that play before or during the content the viewer requested. A companion ad can run alongside the video to sustain advertiser visibility throughout the experience. These ads are placed based on your targeting criteria and our programmatic buying process. File types accepted Preferred: mp4, webm Accepted: asf, dv, mpg, mov, wmv, 3gp, 3g2, avi file size 1 GB (extremely large files will be transcoded) frame rate 24+ fps Audio codecs Preferred: mp3, H.264/AAC Audio volume of -12 db Required assets for In-stream Video ads Not supported: flv DESKTOP / LAPTOP Dimensions Aspect ratio Length of video 480W x 360H px 640W x 480H px 720W x 540H px File types accepted jpg, png, gif 300x250 COMPANION BANNER Preferred: 4:3 Accepted: 16:9 Dimensions 300W x 250H px MOBILE Preferred: Up to :60 (most common :15, :30, :60) Accepted: Longer than :60 on a case-by-case basis file size 70 KB Click-thru Provide a click-thru url Bit rate We recommend various bit rates per media file for widest inventory avails: kbps (low res) kbps (std def) kbps (hi def) Not supported Audio Rich Media 3rd party tracking Tags must adhere to VAST 3.0 or VPAID 2.0 Click trackers and 1x1 impression pixels can be added Animation / looping :30 (unlimited looping within :30; image to remain static afterwards) All 3rd party tags must be SSL-compliant Ads need to have a high-contrast background or include a visible border Click actions must go to new target window Flash is not supported; creative cannot include any Flash object All assets are due 3 business days prior to launch 6

7 IN-BANNER VIDEO AD SPECS An in-banner video ad is an out-stream video ad that plays after user initiation and runs in the same placements as display ads based on your targeting criteria and our programmatic buying process. Required assets for In-banner Video ads 728x90 DESKTOP / LAPTOP TABLET MOBILE Ad unit Device Size Half Page Billboard Medium Rectangle Leaderboard Banner Desktop, laptop Desktop, laptop Desktop, laptop, tablet Desktop, laptop, tablet Mobile 300W x 600H px 970W x 250H px 300W x 250H px 728W x 90H px 320W x 50H px Requirements Format: HTML5 Requires user-interaction (click, rollover or tap to start) video will never auto-play Requires play, pause, and mute controls. Other controls are permitted, but not required. Requires user-interaction to replay; video cannot automatically replay Hotspot not to exceed ¼ size of original ad. Only initiated when cursor rests on hotspot for at least :01 second. Cannot initiate audio. Aspect ratio Preferred: 4:3 Accepted: 16:9 video size 2.2 MB (if entire video must download before playback begins) Unlimited (if video downloads and plays piece-by-piece / streaming) All assets are due 3 business days prior to launch video length 4 minutes frame rate 24+ fps Opening image Ad must be static image prior to video no animation Opening image max size 70 KB Note In Banner video cannot be autoplay 3rd party tracking Click trackers and 1x1 impression pixels can be added VAST Tags accepted All 3rd party tags must be SSL-compliant Ads need to have a high-contrast background or include a visible border Click actions must go to new target window Flash is not supported; creative cannot include any Flash object 7

8 CLIP2CARD (C2C) SPECS Required data elements for C2C Coupons Brand or product name Coupon barcode Site start date Site expiration Coupon expiration Savings value statement Purchase description Retailer and consumer legal text Branded name of product(s) (e.g. Acme Detergent) Scannable barcode ID (GS1 is preferred) Date the coupon is available for digital distribution The date coupon is shut off from consumer view Date coupon expires Savings offered on coupon (e.g. SAVE $1.00) (e.g. When you buy ONE (1) Acme Detergent) Legal text on coupon 100 (each) GS1 max 54 MM/DD/YYYY MM/DD/YYYY MM/DD/YYYY ,000 (combined total) Applicable product UPCs Supply list of product UPCs (12-digit) related to coupon discount Provide list of store-level SKUs for Target, Sam s Club and Costco s for on-screen display 80W x 100H px 72 dpi : 14 KB gif on white background 600W x 600H px 72 dpi : 150 KB jpg Distribution Select national or account specific distribution ON-SCREEN COUPON GALLERY DISPLAY Product image Logo Product image Savings value statement Purchase requirements Expiration Load to card Depending on product availability, retailers may not accept a coupon. Some specific offer types, such as BOGO, free or bundled/complex coupons (e.g. Spend $10 on Acme Detergent) are not supported for C2C distribution by all retailers. Assets are due 10 business days prior to launch 8

9 SPECS DESKTOP LAPTOP A P@H coupon is digitally distributed to consumers via a coupon gallery display on deal and lifestyle websites. Consumers click the coupon to print from their home printer, and our proprietary printing software upholds multiple security controls to manage distribution and prevent fraud. Consumers receive a secure printed coupon that they can take to the store to redeem. Required data elements for P@H Coupons Brand or product name Prints per device Coupon barcode Site start date Site expiration Coupon expiration Savings value statement Purchase description Retailer and consumer legal text Branded name of product(s) (e.g. Acme Detergent) number of prints per consumer device Scannable barcode ID (GS1 is preferred) Date coupon is available for digital distribution Date coupon is shut off from consumer view Date the coupon expires Savings offered on coupon (e.g. SAVE $1.00) (e.g. When you buy ONE (1) Acme Detergent) Legal text that appears on the coupon image 100 (each) Default is 2 per user device GS1 max 54 MM/DD/YYYY MM/DD/YYYY MM/DD/YYYY ,000 (combined total) On-screen display images 80W x 100H px, 72 dpi : 14 KB gif on white background Clearinghouse Identify the clearinghouse being used Full-page printing option Coupons typically print three per page. Clients may elect to have their coupon print on a single, full-page with an ad, recipe, rebate form, etc. Secure printed coupon logo 300W x 204H px, 300 dpi : 100 KB gif, jpg or png 600W x 600H px, 72 dpi : 150 KB jpg Printed coupon images 300W x 506H px, 300 dpi : 100 KB gif, jpg or png Rolling expiration date Choose an expiration as a rolling number of days after consumer prints Geographic distribution Select national or ZIP Code distribution below coupon 1600W x 1600H px, 300 dpi : 100 KB gif, jpg or png Mail-in rebate form 1900W x 2200H px, 300 dpi : 100 KB gif, jpg or png Assets are due 10 business days prior to launch ON-SCREEN COUPON GALLERY DISPLAY Printable coupons Product image Add to print queue Product image Add to print queue Select a default grocer 9

10 DYNAMIC MOBILE AD SPECS MOBILE A Dynamic Mobile ad unit consists of a persistent adhesion banner that users tap to expand to a full-screen interactive panel. These location-based ads dynamically display a consumer s distance from a point of interest (POI) delivered on high-quality, local apps. Ad unit Banner Interactive panel Size 320W x 50H px (50 KB) 320W x 480H px (300 KB) Retina size * 640W x 100H px (100 KB) 640W x 960H px (600 KB) MOBILE Banner 320x50 Panel 320x480 MOBILE BANNER OPTIONS banner w/distance text Single image; redirects to url Dynamic display of consumer s distance from POI location 4:3 Nearby Nearby Learn More banner w/distance text & button Foreground image Call-to-action (CTA) button Dynamic display of consumer s distance from POI location Background image is optional since it may be filled with solid color 4:3 Dynamic banner w/single image Foreground & background images Customizable head & subhead Call-to-action button Dynamic display of consumer s distance from POI location 1:1 Heading Subheading Heading Subheading 4:3 Dynamic banner w/dual images Two foreground images and one background image Customizable head & subhead Call-to-action button Nearby Learn More Nearby Learn More Dynamic display of consumer s distance from POI location Creative requirements format: png or jpg aspect ratio: 4:3 (e.g. 400W x 300H) and 1:1 (e.g. 100W x 100H)** Dynamic distance safe zone: 100W x 25H (to avoid overlap) Dynamic distance displays as X miles away if consumer is more than 10 miles away text will display nearby instead of distance Customizable fields Heading: text + color - : 18 px; min: 9 px Subheading: text + color - : 13 px; min: 8 px Background: color CTA: text + button color + button text color Digital Advertising Alliance (DAA): icon position Foreground image is typically a logo and/or product shot Use simple, lightly patterned or gradient background to avoid conflict with image, text, and CTA button Dynamic distance text starts at maximum font size and will automatically resize and wrap to next line to fit within safe zone * Retina size is recommended; newer devices have high-definition displays **s supplied in aspect ratios are proportionally resized to fit each template s image placeholder (e.g. a 100W x 100H image [1:1 aspect ratio] will display as 50W x 50H on a mobile banner). 10

11 DYNAMIC MOBILE AD SPECS CONTINUED MOBILE MOBILE INTERACTIVE PANEL OPTIONS Call to action 1 4:3 Header Heading Subheading Detailed text Call to action 2 Call Visit Site Directions Address Distance Address Address Get Directions Get Directions Call Visit Site Directions Distance Address Call to action 3 Address Get Directions Footer Single call-to-action (CTA) panel Single 320W x 480H px panels redirects to url Available call to actions Call us (dials) Get directions (opens map) Three CTA panel Allows 3 different calls to action on single 320W x 480H px image one for the top, middle, and bottom section View site (url) Order online (url) Impression trackers We can accept one impression tracker and up to two 4th-party pixels All 3rd-party tags must be SSL-compliant Contact your account manager to confirm tracking vendor acceptance and map panel Foreground image Three CTA buttons Dynamic display of consumer s distance from closest location Address of closest location Three address map heading image panel Background image Dynamic distance Up to three closest addresses and CTA button for each Header (320W x 174H) and footer (320W x 45H) cannot be resized Advanced creative options and CTAs for panel * Video unit: Video will play in App download user s native device player Save to wallet Carousel unit: Displays Customization of separate images to highlight these options (adding or multiple products or deals removing buttons, etc.) *May require longer development time Text image and map panel Foreground image Customizable heading and subheading Three CTA buttons Dynamic display of consumer s distance from closest location Address of closest location Heading, subheading, and detailed text does not resize, but can still span multiple lines Assets are due 5-8 business days prior to launch 11

12 AD SPECS An campaign is a 1:1 marketing communication sent to a consumer s inbox and accessible across multiple devices/operating systems. The goal of the communication is to build brand/company awareness with a specific audience and drive them in store with a call to action. Valassis assists with creative design and production to deploy effective campaigns. MOBILE INTERACTIVE PANEL OPTIONS Required assets for ads File formats Accepted: psd (preferred), indd, ai, eps Not accepted: pdf, html Layered artwork and vector-based logos are preferred to provide max flexibility recreating your designs for formats / resolution Accepted formats: jpg, png, gif Resolution: 72 ppi or higher Logos: 200W x 200H px s captured from websites are not accepted due to quality and copyright issues Fonts Supply all fonts used to create your ads and any that may be required per your brand style guide All assets are due 10 business days prior to launch Sample client BEST PRACTICES & GUIDELINES Sender information Send it from your brand name; do not combine it with other words subject line : 49 Make subject line informative, short and recognizable Include: brand name, offer value, time sensitivity/urgency Keep graphics and images simple; logos, product or situational photos Do not embed video in an . Instead, include a link taking user to a website to play video or use an animated gif; max 100 KB file size Min hyperlink or social media image size: 44W x 44H px (large enough for fingertip tap on mobile device) Layout One page limit; max length: 800 px Design for mobile: up to 600 px wide using a single column, vertical layout Optimum offer placement: px from top of message Design ratio: 70% text to 30% images lowering likelihood of delivered as SPAM or JUNK Content Use web-safe standard fonts Min body text font size: 12 px Title/headline font size: px Footer Include your organization s postal address; it is required by CAN-SPAM We include opt-out link, no need to supply to include Your logo Product image(s) Strong call to action Participating locations, phone numbers, urls 12

13 LANDING PAGE SPECS Landing pages are a great way to provide consumers brand content and/or savings post click to engage further with an ad campaign. Consumer traffic can be driven to the landing page from brand websites, s, display media or social media. Required assets for landing pages HEADER & FOOTER IMAGES File types accepted jpg, png, gif or Rich Media tag from major 3rd-party ad server Dimensions 728 px wide* Mobile (optional): 320 px wide** Height/depth as needed *s provided larger than 728 px wide will be autoscaled proportionally to fit 728 width. **If mobile image is not provided, the desktop/web version will be autoscaled to fit. If any image is less than max width or height, image will be centered. Background image Landscape orientation Min 1200 pixels wide, but preferably 1600 Creative asset checklist Specify your preferences for customizable elements and applicable files. Additional fees may apply for certain options. Feature rich options include Branding/images Custom background color Age verification Text blocks Embedded YouTube video User forms (data capture) Store locator FSI Finder All assets are due 10 business days prior to launch Print this page Social sharing s Text/html code Link to Google maps & directions Video Background color/image User form Coupons Button/link colors Landing pages are built with a responsive design to adjust to various devices. Ensure your text is readable at 320 px wide. s containing text built for desktop/web are often not readable when scaled down to 320 px. Feature-rich landing page example Location services 13