Page Application Chcecklist

Page applications are installed onto Fan Pages and are not visible on mobile devices.
Facebook applications can have an app page which helps people find your application and install it onto their page.
  • Design Requirements
    • Required Images
      • 111x74 - App Box (appears beneath Page's cover) (max 12 total, 4 visible without expanding) Details
    • Application Design
      • 810px wide
      • Must include links to Privacy Policy and Terms of Service Details
  • Copy Requirements
    • Page Tab Name (unknown max character limit)

Canvas Application Checklist

Canvas applications are not attached to a particular Fan Page and can be visible on mobile devices.
  • Design Requirements
    • Application Design
      • Application can either be fluid or fixed,
      • Width - Fixed (760px) or Fluid (Content will be left aligned and will fill the width of the page)
      • Height - Fixed (user selectable - 800px default) or Fluid height will fill the page and scrollbars will appear if content exceeds visible space.
      • Must include links to Privacy Policy and Terms of Service Details
    • Required Images
      • Icon (icon.png) - 16x16 image - appears when your application posts something to a wall
        • Typically zooming into a particular letter (i.e. Swanson's S) works well.
      • Logo (logo.png) - 75x75 image - appears when you validate the application, search results,
      • Application Center Requirements full details
        • Required :
          • 128x128 image - App Detail Page (cannot be white at corners or edges)
          • 155x100 image - Web Banner
          • 800x150 image - Cover Image
          • 320x320 to 2048x2048 image - Screenshots (min 3, max 5)
        • Required for Mobile :
          • 64x64 image - Low Res Mobile Icon (cannot be white at corners or edges)
          • 96x96 image - Med Res Mobile Icon (cannot be white at corners or edges)
          • 136x88 image - Small Mobile Banner
          • 204x132 image - Medium Mobile Banner
          • 272x176 image - Large Mobile Banner
          • 320x320 to 2048x2048 image - Screenshots (min 3, max 5)
        • Optional :
          • 180x115 image - Small Web Editor's Pick
          • 394x150 image - Large Web Editor's Pick
  • Copy Requirements
    • Privacy Policy ( External Url or page within app )
    • Terms of Service ( External Url or page within app )
    • Support Contact ( web url or email address)
      • Using Get Satisfaction or User Voice to elicit feedback from end users and to provide self help for community may work for this purpose.
    • App Name : (3-32 characters)
    • Tagline : (max 40 characters)
    • App Namespace : (max 20 characters) i.e. http://apps.facebook.com/<<App Namespace>>/
      • Namespace can only contain lowercase letters, dashes, and underscores
    • Application Description (max 130 characters)
    • Detailed Description (max 1000 characters)
    • Explanation for Permissions (max 140 characters)
  • Data Requirements
    • Which extended permissions are necessary (developers will likely advise what is necessary as there are over 60 permissions available)
      • More permissions you ask for, lower conversion ration 3% each (on average) stats from facebook
      • Email / Birthday / Stream Publish / Offline Access - SIGNIFICANT DROP
      • Can always ask for more permissions later..

Fan Page Checklist

  • Don't want to have Ads show on your fan page? Contact your facebook rep and have them removed.
  • Design Requirements
    • 815x315 - Cover Photo Details
    • 180x180 - Profile Photo Details
    • 843x403 - Highlight Post
    • 843x403 - Milestone
    • If adding a custom tab, see Page App Checklist at top of page
  • Copy Requirements
    • Username i.e. http://www.facebook.com/<<username>> (confirm someone else is not already using this name) Details (you need 25 fans to secure a username or can contact your facebook rep to have it assigned)
    • Page Name (unknown max characters)
    • About
    • Description - displays under profile picture, can contain hyperlinks
    • Translations of Text to Different Languages
  • Experience Requirements
    • Featured Likes
      • Although the page can like any number of other pages, a maximum of 5 will be shown.
      • Specific pages can be features which will ensure they will always be shown.
    • Page Owners
    • Age Requirements
      • Anyone (13+)
      • People over 17
      • People over 18
      • People over 19
      • People over 21
      • Alcohol Related


Like Button Checklist

Facebook's Documentation on Like Button

Review a quick primer on the Like Button
  • Native Like button should be used (do not use ShareThis or other tools)
  • Design Requirements
    • Styles:
      • Standard
        • displays social text to the right of the button and friends' profile photos below. Minimum width: 225 pixels. Default width: 450 pixels. Height: 35 pixels (without photos) or 80 pixels (with photos).
      • Button Count
        • displays the total number of likes to the right of the button. Minimum width: 90 pixels. Default width: 90 pixels. Height: 20 pixels.
      • Box Count
        • displays the total number of likes above the button. Minimum width: 55 pixels. Default width: 55 pixels. Height: 65 pixels.
    • recommended 100x100 square (simple), or 50-100x50-100 pixel image to be shown in hovercard with a maximum aspect ratio of 3:1. Formats supported: PNG, JPEG and GIF formats. (no transparency)
  • Copy Requirements
    • Series of posts to me made to users who clicked the like button.
    • Open Graph http://developers.facebook.com/docs/opengraph Reference Tags to use
      • Mimimal Required set:
        • og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
        • og:description - When liked on a web page this shows a message with the content that is liked.
        • og:type - The type of your object, e.g., "movie". See the complete list of supported types.
        • og:image - (see design requirements)
        • og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., http://www.imdb.com/title/tt0117500/.
    • Can also have a Video (youtube hosted is ok) or MP3 associated with the content that is posted to the user's wall when the click the like button.
  • Use the LikeRedirect technique to create a phantom URL independent of the actual URL allowing the site structure to change while the like button can retain all it's fans.

Share Button / Link Checklist

  • Copy Requirements
    • Title
    • Description
    • Url to Share
  • Design Requirements
    • 100x100px Image(s)
  • Tech Notes
    • Fire by stream.share /
    • Share by URL:
      • https://www.facebook.com/sharer/sharer.php
      • parameters:
        • Option 1: Use FB MetaData:
          • u : url to share
        • Option 2: Specify Dialog Settings Manually (QueryString Parameters Below):
          • s=100 : required
          • p[title] : title for dialog
          • p[summary] : summary of content
          • p[url] : destination url
          • p[images][0] : specify url of image to show
          • Example:
            • http://www.facebook.com/sharer/sharer.php?s=100&p[title]=FaceSharp%20is%20great!&p[summary]=Learn%20about%20Facebook%20Development%20with%20FaceSharp&p[url]=http://facesharp.codeplex.com&p[images][0]=https://twimg0-a.akamaihd.net/profile_images/1283815142/logo-facesharp-75_reasonably_small.png

Post Large Image to Wall

  • Copy Requirements
    • Message : (unknown limit, can have carriage returns within copy, copy always shows above image)
  • Design Requirements
    • Image : 403x403
  • Tech Notes
    • To implement carriage returns use the following string %0d%0a
    • Http Post to /me/photos
      • Option 1 Embed Image Directly:
        • Query String :
          • access_token : The access token
          • message : message to show with post
        • Form Data Parameters:
          • source : Actual Binary Image Data
      • Option 2 Embed Image By URL:
        • Query String :
          • access_token : The access token
          • message : message to show with post
          • source : url of image to show with post

Wall Posting Checklist

  • Design Requirements
    • Highlighted Post 843x403
    • Large Post Image 403X403

Wall Posting Checklist (from app)

  • General Notes:
    • User will be prompted with dialog to see what will be posted, they have the option of adding their own message above the item that will be posted to their wall.
    • Always try to phrase copy in a way that elicits feedback from users who see the wall posting with open ended questions like "what do you think?"
      • The more comments and likes the item posted to the user's wall gets, the larger the audience will be to see it.
  • Design Requirements
    • Images attached to posts must be 90x90px - No Transparency
  • Copy Requirements
    • Name (keep relatively short, this essentially a title to the message)
    • Link (hyperlink that is applied to the Name)
    • Caption (appears directly under caption)
    • Description (appears under caption, can be a larger amount of text).
    • Properties (optional, but very useful). This provides a list of Hyperlinks underneath your message.
      • Each Property needs: Description, Action, and Action URL
    • Action (displays to the left of Like * Share
      • Needs a name (must be short, examples may be "play game", "get involved" ) and hyperlink
  • Abilities
    • You can have an application post to
      • The fan page (from the fan page)
      • The fan page (from a user) '''Only if the user is a fan of the page'''
      • From one user to another
    • Include attachments to posts
      • Images
      • Videos
      • Flash Files (max dimensions of flash file 398x259)
      • Links
  • Tech Notes

== Facebook Ad Requirements ==

Last edited Dec 21, 2012 at 2:54 PM by simnova, version 24

Comments

No comments yet.