Sweepstakes

Image Asset Checklist
Facebook Canvas App

Specs:
• Facebook Canvas App is 760 pixels wide which fills Facebook's Canvas Page frame (Facebook ads...
Standalone Microsite
Direct URL

Launch a free-standing branded promotion site. This option is perfect if you’re looking t...
Website Embed (iframe)
Launch an HTML iframe that can be embedded directly within a
page of your website. This option is i...
1.

Views & Apps Image | 111x 74 pixels
Include a call to action in the photo or tab name.
Users will click on this tab im...
3. * Tab Image | 810 x 1200 pixels
• image for fans (required)
The Tab image is the initial image users will see when they...
5.

Intro Image or Video | 720 x 405 pixels or
16:9 aspect ratio for videos
The intro image or video should include key
de...
Example: Browser full screen enabled

Example: Browser size scaled down

Width of contest site | 720 pixels
Fluid backgrou...
9.

Custom App Image | 74 x 74 pixels
Before a user can vote or enter in a Facebook
promotion, they need to authorize the ...
Upcoming SlideShare
Loading in...5
×

Sweepstakes: Image Asset Checklist (Canvas App, Microsite & Iframe)

763

Published on

Published in: Social Media
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
763
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Sweepstakes: Image Asset Checklist (Canvas App, Microsite & Iframe)

  1. 1. Sweepstakes Image Asset Checklist
  2. 2. Facebook Canvas App Specs: • Facebook Canvas App is 760 pixels wide which fills Facebook's Canvas Page frame (Facebook ads line the right column). • Users must click through a promotional image on your Facebook Page to access the app • Set a custom app URL (PRO package feature) • Optimized for viewing and interaction on mobile devices • Mobile submissions (PRO package feature) • Facebook Canvas App is 760 pixels wide which fills Facebook's Canvas Page frame (Facebook ads line the right column). User flow: From your Facebook Page, users must click through a tab graphic to access the contest. You can bypass the promotional graphic by sending users directly to the promotion site through Facebook ads or other online posts and advertisements using the direct URL. 1. 2. 3. 4. User arrives on Facebook Page and clicks on the contest icon from the list of apps. In contests which are fan-gated, non-fans see a 'Like us to proceed' image. Once they Like your Page, if they are an existing fan, or if you have chosen not to fan-gate, then they are presented with the tab image. After clicking on this tab image, the user will then land on the promotion site | Image Asset Checklist| Contact us | @strutta | Strutta on Facebook | 2
  3. 3. Standalone Microsite Direct URL Launch a free-standing branded promotion site. This option is perfect if you’re looking to design a unique user experience outside of Facebook, set a custom URL (PRO Package feature) and allow users to access your promotion on a mobile device. User flow: Users visit the contest through the direct URL, through a tab on your Facebook Page (by clicking the contest icon from the list of apps), through Facebook ads or other online posts and advertisements. Specs: • • • • • Standalone Microsite is 720 pixels wide with unlimited background width. Facebook and other social integrations available Set a custom URL (PRO package feature) Optimized for viewing and interaction on mobile devices Customize the mobile template (PRO package feature) | Image Asset Checklist| Contact us | @strutta | Strutta on Facebook | 3
  4. 4. Website Embed (iframe) Launch an HTML iframe that can be embedded directly within a page of your website. This option is ideal if you’re looking to drive traffic to your website, keep full website navigation, and maintain ad space. User Flow: Users visit the contest through the direct URL, through a tab on your Facebook Page (by clicking the contest icon from the list of apps), Facebook ads or other online posts and advertisements. Specs: • • • • Website Embed is 720 pixels wide. The size can be changed within the iframe code. Facebook and other social integrations available Utilize your own website URL Accessible* on mobile devices (provided your site is mobile-friendly). Note: Iframe sites are not responsive on mobile. | Image Asset Checklist| Contact us | @strutta | Strutta on Facebook | 4
  5. 5. 1. Views & Apps Image | 111x 74 pixels Include a call to action in the photo or tab name. Users will click on this tab image on your Facebook page to access the promotion. Note: You may not want your promotion site on your Facebook page. If not, your users can access the promotion site through the direct URL (Microsite & Iframe only). 2. Fan - Gate Image | 810 x 1200 pixels (optional) • image for non-fans (optional) If you choose to Fan-Gate your promotion, those who do not already like your page will land on this image. This image should communicate that the user must like the Facebook page to access the promotion. Add this image in the Integration > Facebook > Facebook Tab > Fan-Gate section of your Stuttta builder. | Image Asset Checklist| Contact us | @strutta | Strutta on Facebook | 5
  6. 6. 3. * Tab Image | 810 x 1200 pixels • image for fans (required) The Tab image is the initial image users will see when they access the promotion. Users who already like your page will land on this image and bypass the Fan-Gate image. This image should include a call to action for those who already like your page. Clicking this image will take the user to the promotion site. Add this image in the Integration > Facebook > Facebook Tab section of your Strutta builder. Note: If you Fan-Gate your promotion, non-fans will click through two images to reach the promotion. 1. Fan-Gate image 2. Tab image If you do not Fan-Gate your promotion, users will click through one image. 1. Tab image | Image Asset Checklist| Contact us | @strutta | Strutta on Facebook | 6
  7. 7. 5. Intro Image or Video | 720 x 405 pixels or 16:9 aspect ratio for videos The intro image or video should include key details of the promotion. Add this image in the General > Look & Feel > Customize assets > Intro Image section of your Strutta builder. Note: All images are converted to JPEG including transparent PNG’s. | Image Asset Checklist| Contact us | @strutta | Strutta on Facebook | 7
  8. 8. Example: Browser full screen enabled Example: Browser size scaled down Width of contest site | 720 pixels Fluid background width 11. Background Image | Any size Canvas App, Microsite and iframe: The width of the contest site is 720 pixels wide. The size of the background image will change depending on what device the user is on or if their browser is fully enlarged or not. If a user is viewing the site on a smaller screen, the contest site will scale down and fit the screen, however, the background image may be cut off on a smaller screen. If you don't want to add a background image, choose a background color in your builder to fill the white space. Add this image in the General > Look & Feel > Customize Assets > Background Image section of your Strutta builder. | Image Asset Checklist| Contact us | @strutta | Strutta on Facebook | 8
  9. 9. 9. Custom App Image | 74 x 74 pixels Before a user can vote or enter in a Facebook promotion, they need to authorize the app! You only need this image if you are creating a Custom App. Ask your project or account manager if this is necessary for you. The permissions asked in the Facebook popup box will depend on the settings implemented in your promotion. Learn more about why Facebook asks for permissions here. PRO package feature. 10. Facebook Share Image | Any size The share Facebook link on the main ‘Details’ page of the promotion site opens a pop-up window with default share tools. Note: The thumbnail image in the pop-up is pulled from the main Intro image of your promotion and scaled to fit. If you are using a video instead of an image, send us an image and we will upload it for you! | Image Asset Checklist| Contact us | @strutta | Strutta on Facebook | 9
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×