shazam result best practices & speciﬁcationsadspecs.ncm.com/content/files/shazamspec.pdfcustom...

Shazam Result Best Practices & Specifications

CUSTOM SHAZAM CAMPAIGNBrand-driven second screen experiences in-theater reach far beyond traditional cinema advertising, putting content and engagement in the hands of moviego-ers. Literally.

Customize your Shazam result with imagery, text, and links to items such as coupons, calendar reminders or external websites. You have the flexibility to create one custom page per campaign, or multiple custom pages that can be linked together.

CAMPAIGN EXAMPLES..........12-15

CAMPAIGN DESIGN..................6-7

MY SHAZAM BANNER..................8

ON-SCREEN CTA...........................9

CLIENT INSERTION ORDER.........10

SAMPLE USER FLOW....................3

INTERACTIONS..........................4-5

DELIVERY & TIMELINES..............11

2© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3

SAMPLE USER FLOW


User opens Shazam app and taps Shazam

button

1Shazam returns full

panel result for current on-screen spot

2User receives next on-screen result by

clicking Shazam icon

3After 3 hours, the User will be able to access any Interaction that

was deemed too disruptive for theaters

4

INTHEATER

AFTERMOVIE

LIMITED ENGAGEMENT FULL ENGAGEMENT

INTERACTIONS - OVERVIEW

LIMITED ENGAGEMENT

LIMITED ENGAGEMENT

FULL ENGAGEMENT

FULL ENGAGEMENT

TIME-BASED CONTENT

IN THE THEATER AUDITORIUM

AFTER THE MOVIE

A limited engagement is one that takes place within the theater auditori-um during the FirstLook show. Results that include audio, video, or making phone calls are strictly prohibited and will be treated as time-based content.

A full engagement is one that takes place at least 3 hours after the FirstLook show. All interactions available within Shazam, including audio, video, and making phone calls, will be available to the user.

Content that is deemed too distracting to other moviegoers, or too time consuming for the purchased on-screen spot will be treated as time-based content. This content will be shown with an overlay letting the user know that after the movie it will be available.


INTERACTIONS - OPTIONS

CALENDAR EVENTSAdd a single date/time, a reoccurring event, or a countdown to the user’s native calendar

GAMES / TRIVIACollect user data through short trivia questions or available games*may be full engagement*** may require development work

VISIT URLThe user can visit any mobile friendly website*may be full engagement

* some interactions are too time consuming or distracting to allow in the auditorium

** interaction is only allowed after the movie

*** may require development work

DOWNLOAD APPLaunches the App Store/Google Play for the user to download a specific application*may be full engagement

DIGITAL DOWNLOADThe user has the ability to download ringtones, wallpapers, images, etc.*may be full engagement

BUY MUSICBuy music featured in the on-screen spot** full engagement

GOODS / SERVICESBuy items featured or associated with the on-screen spot** full engagement

MAP LOCATIONMap a specific location to a retail store, resturant, etc.*** may require development work

SHARE ON FACEBOOKLinks out to a Facebook page for the user to sign in and share your content

FOLLOW ON TWITTERLinks out to a Twitter page for the user to sign in and follow your brand

PLAY VIDEOThe user can play a video** full engagement

CALL PHONE NUMBERThis feature will automatically call the provided phone number** full engagement

SOCIAL SHARINGA Shazam result can be shared on socal media, through email, or SMS

TEXT / SMSUtlitized by pre-populating the text phone number for the user

SEND EMAILThe user's native email is opened with a pre-populated email and body ready to send*** may require development work

ENTER EMAILAllows the user to enter their email address in a form field while in Shazam*** may require development work

POLLING / VOTINGCollect user data through quick polling or this-or-that style voting*may be full engagement*** may require development work


CAMPAIGN DESIGN - OVERVIEW

Custom results in Shazam are created with pre-defined building blocks stacked in a list format, with a viewable area of 640 x 1008px based on an iPhone 5 retina display. Each result consists of multiple elements:

Using the above elements, campaigns in Shazam can take on many appearances. To ensure quality resolution across devices, we suggest creating campaign designs around the template shown. This will ensure all assets delivered will cover all device require-ments.

Result BackgroundA result background can be either a hex color or an image. An image will keep its aspect ratio and therefore may crop inconsistently across devices.

Result Building BlocksImages, web frames, and text blocks stack to create results in Shazam. Layouts can be modified using tiles and carousels.

InteractionsAll building blocks in Shazam can be assigned user interactions enabling direct engagement with customers in a second-screen experience.

HEADER640 x 128px

All content will appear below this area

VISIBLE CONTENT640 x 1008px

SHAZAM

Based on an iPhone 5retina display


Tiles

Video

Web Frame

Image

640 x (n)px

Carousel

Allows you to add a group of images, with or without a link. Tiles can be aligned together, or have margins which allow the background image or background color to appear between elements. Tiles are necessary for adding side by side modules.

Allows you to add a set of images in a horizontal scrolling layout with optional subtext.*content should be of the same type and size*if one image module has subtext, all image modules should have subtext

Page TabsAllows you to add content tabs to your page with text & icon.

Add a standalone image, or within a carousel layout. Images should be 640px wide and can be any height.

Is an image content option that allows you to link to a video URL. A “play” button is automatically placed over the image.

SharingIs an image content option that allows you to use the phone’s native sharing tools to share content.*adds transparent border around image*must have title associated

Allows you to link to an external website within an existing page.*a website linked in a web frame must be mobile optimized

Twitter StreamAllows you to insert a Twitter stream consolidating tweets by hashtag or user.

Available Tiles:Square308 x 308px

Sm. Rectangle308 x 150px

Lg. Rectangle624 x 308px

Example Sizes:Hero640 x 480px

Banner Ad640 x 160px

Full Screen640 x 1008px

308 x 150px

308 x 150px

308 x 308px

624 x 308px

CONTENT OPTIONS LAYOUT OPTIONS

CAMPAIGN DESIGN - BUILDING BLOCKS


1 2one two

MY SHAZAM BANNER

HEADER640 x 128px

All content will appear below this area

MY SHAZAM

VISIBLE CONTENT640 x 1008px

BANNER640 x 160px

SHAZAM

Based on an iPhone 5 retina display

The My Shazam banner is found in the list of recent Shazams. A user that taps on the banner is taken to the full Shazam result.

Messaging in the banner should be used in conjunction with the on-screen CTA to entice the user to engage with your result.

Campaign TitleIs a unique title associated with your campaign , and will appear as the first line in the banner. 25 character max.

Main ImageThis is an 800x800px image that will appear in My Shazam list.

Campaign Sub-TitleAppears as the second line in the banner. Should entice user to engage with your campaign. 30 character max.


ON-SCREEN CTA

MESSAGE

DURATION

The Shazam cinema CTA is designed to make viewers instantly aware that a program or spot is Shazamable, and is critical in driving lift on viewer engagement. The CTA system was developed with the creative flexibility to integrate seamlessly into any on-screen spot.

• Message is in Nexa Bold and in all CAPS by default• 35 Characters per line, 2 line max• Use short, concise, urgent copy• Fully state the value proposition you are offering with keywords such as: Special Offer, Exclusive Content, Win, Free, etc• Avoid verbose copy and concepts that cannot be digested in 2-5 seconds

• CTA should appear in first 5 seconds of spot• CTA should last at least 20 seconds, but ideally full length of spot• CTA’s onscreen more than 15 seconds perform nearly 40% better than those on less time

* On-Screen CTA is not a part of the standard approval process. Client approval of Shazam CTA is available upon request


SHAZAM RESULT INSERTION ORDERMY SHAZAM BANNER

CLIENT DETAILS

RESULT DETAILSON-SCREEN CTACTA Messaging35 characters / line, 2 line max

Duration

CTA appears after seconds,Mockup

Description

Client Name:

Account Director:

Email:

Campaign Title:

Start / End Date:

Background


Title25 character max

Please provide .jpg file with finished result design (campaign_mockup.jpg)

Provide .jpg file or hex code (campaign_background.jpg)

ImagesProvide .jpg files for all building blocks used to create a result

InteractionsAll result interactions must be listed in a spreadsheet with the following:

1. Interaction Type2. Supporting interaction details (URL, Messaging, Phone Number, etc.)

Sub-Title30 character max

and persists for seconds.

Please fill out this form in its entirety.

Briefly describe the result you are creating

DELIVERY & TIMELINES


EMAIL YOUR MEDIA SHIP YOUR MEDIAAll campaign requirements listed in the checklist should be zipped together and emailed to:[email protected]

NATIONAL CINEMEDIA, LLCAttn: Lauren Lipman, Interactive9110 E. Nichols Avenue, Suite 200Centennial, CO 80112-3405P: 303-792-8254

Any campaign requiring custom development

NCM in-house development of Shazam interactions

Due date for non develop-ment campaign assets. Campaigns not delivered by this date risk slipping one week.

Final Asset DeliveryDay 10

Asset DeliveryDay 15

Audio FingerprintingDay 9

Client ApprovalDay 2

DevelopmentDay 14

Quality AssuranceDay 3

Traffic ResultDay 5

Adding CTADay 7

Live on-screenDay 0

CLIE

NT

NCM

CAMPAIGN EXAMPLE 1 - ABSOLUT

Campaign Title:Sub Title:

Background:

Absolut TransformTransform TodayHex #000000

Content Module:Interaction:

ImageVisit URL


ImageNone

Layout Module:Content Module A:

Interaction A:Content Module B:

Interaction B:Content Module C:

Interaction C:Content Module D:

Interaction D:

TilesImage - SquareDigital DownloadImage - SquareVisit URLImage - SquareVisit URLImage - SquareVisit URL

A B

DC

My Shazam Banner: Campaign TitleSub TitleMain Image (800x800px)

308 x 308px

640 x 150px

308 x 308px308 x 308px

308 x 308px

640 x 136px


CAMPAIGN EXAMPLE 2 - THE AMAZING SPIDER-MAN 2


Background:

Amazing Spider-Man 2Collectibles Coming SoonHex #000000


ImageNone


ImageBuy Music


ImageEnter Your Email

Layout Module:Content Module A:

Interaction A:Content Module B:

Interaction B:Content Module C:

Interaction C:

TilesImage - SquareBuy MusicImage - Sm. RectangleDigital DownloadImage - Sm. RectangleShare on Facebook


A

B

C

640 x 390px

640 x 80px

308 x 150px308 x 308px

640 x 140px

308 x 150px


CAMPAIGN EXAMPLE 3 - ALMOST HUMAN


Background:

Almost HumanWatch the season finaleImage


ImageNone


ShareNative device sharing


ImagePlay Video


640 x 455px

640 x 300px

640 x 230px


CAMPAIGN EXAMPLE 4 - CARNIVAL CRUISE LINES


Background:

Carnival Cruise LinesChance to win a cruiseHex #2366c1


ImageNone


ImageVisit URL


ImageVisit URL


ImagePolling/Voting


640 x 428px

640 x 106px

640 x 106px

640 x 320px


shazam result best practices & speciﬁcationsadspecs.ncm.com/content/files/shazamspec.pdfcustom...

Documents