3_mobileplatform

8/2/2019 3_MobilePlatform

1/43

Social Mobile AppsDistribution and Design

Matt KellyEngineer, Developer Relations

Christine AbernathyEngineer, Developer Relations


2/43

400

200

0

600

1 year 8 years

800

people

845M

4 years

1000

people

425M


3/43

Same channels onMobile

Friends

Search

News Feed

Notications

Requests

Bookmarks

Open Graph& Timeline


4/43


5/43

Social App Discovery


6/43

The Guardian

0 to 3.9+ million MonthyActive Users in 5 months


7/43


8/43

Pinterest

60% increase in dailyreferrals from Facebook


9/43

Open Graph


10/43

Open Graph

Desktop Web

Mobile Web

Desktop Web

Mobile Web

Native Apps Native Apps


11/43


12/43


13/43


14/43


15/43


16/43

Requests and Invites


17/43


18/43


19/43


20/43

Frictionless Requests Will automatically send future directed requests

Useful for Games to send a Your Turn notication

Only supported today for Mobile Web

FB.init({ ! !! appId : 'YOUR_APP_ID', !!! ! frictionlessRequests : true, !!!}); !!


21/43

News FeedOne to many sharing with friends


22/43

News FeedPosting View on Wall View on News Feed


23/43

Bookmarks and Game StoriesNative Facebook for iPhonem.facebook.com

Foursquare "

3"Magic Land: Island "

Game Stories


24/43

Search

World War "App 2,000 monthly users

"


25/43

Like Button

Comments PluginSocial Plugins


26/43

Payments


27/43


28/43


29/43


30/43

m.facebook.com Facebook for iOS Facebook for Android

Requests/Notications

Feed

Open Graph

Bookmarks

Payments use iOS payments

Web Apps only iOS apps only


31/43


32/43

Pro Tips and Demos


33/43

Pro Tip #1: Get your app on Timeline


34/43

Pro Tip #2: Be Cross P latform

Web apps: Distribution on m.facebook.com on all webkitenabled touch browsers Desktop (Canvas or Website) Android Facebook app

Native Apps(PhoneGap for Web Apps) Facebook iOS apps App Store Markets

Facebook


35/43


36/43

Pro Tip #3: Implement Single-Sign-On in iOS and Android Apps


37/43

Pro Tip #4: Implement Requests for App Discoverability


38/43

Pro Tip #5: Leverage Existing Friend GraphPromote Activity and Interaction Re-Engagement


39/43


40/43

Second Screen Permissions

Add Explanation

Removable, Add logic to validate

publish_stream not required fordialogs

Pro Tip #6: Minimum Permissions + Validate!


41/43

Best Practices Recap Add your Mobile app to Timeline Build a Mobile Web App

Use Single Sign On on Native Apps Implement Requests and Invites Leverage existing Friend Graph

Request only the Permissions you need


42/43

Let s Build!


43/43

Start Building!Documentation

developers.facebook.com/mobile

Hackbook (Sample Moble Web App)

fb.me/fbhackbook

Wishlist (Sample Andoid and iOS Open Graph App)

developers.facebook.com/docs/beta/samples

Mobile Web App Showcase

fb.me/mobileappshowcase

HTML5 Resource Center

developers.facebook.com/html5

3_mobileplatform

Documents