What's New on The Facebook Platform, October 2011
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

What's New on The Facebook Platform, October 2011

  • 1,596 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,596
On Slideshare
1,277
From Embeds
319
Number of Embeds
8

Actions

Shares
Downloads
8
Comments
0
Likes
2

Embeds 319

http://www.facebookgarage.org.uk 296
http://lanyrd.com 11
http://webcache.googleusercontent.com 4
http://www.facebookgarage.org.uk.php5-4.dfw1-1.websitetestlink.com 3
http://a0.twimg.com 2
http://paper.li 1
http://twitter.com 1
https://twitter.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!
  • Use me!

Transcript

  • 1. WHAT’S NEW ON THE FACEBOOKPLATFORM, OCTOBER 2011Iskandar Najmuddin19th October 2011Facebook Developer Garage LondonSYNCAPSE | New York | Toronto | London | Portland 1All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 2. I {actioned} THIS {object} USING {app}SYNCAPSE | New York | Toronto | London | Portland 2All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 3. October 1st – The Modern FB PlatformThe HTTPS deadline for Canvas and Tab apps.• No SSL? No more users. Bye bye!• So check your Tabs, if you got „em.• Use the setAppProperties (REST API) to set secure URLs en-masse• FBML apps work, but check externally-loaded resources, avoid „mixed content‟ messages.OAuth 2.0 now enabled by default• Use PHP SDK >= 3.1.1• Set oauth:true in FB JS SDK• Watch out for JS cookie vs. session „code‟ conflicts, thoughSYNCAPSE | New York | Toronto | London | Portland 3All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 4. Graph API UpdatesMore methods, more objects• Manage Notifications• Manage Events• Read Friend Requests• Manage banned App users• Manage App migrations• Set App restrictions• Read Game AchievementsAny reasons left to use the REST API?SYNCAPSE | New York | Toronto | London | Portland 4All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 5. New Auth DialogAllows users to decline permissions individually. This is great for everyone!Apps should now• Validate user permissions before attempting an action• Gracefully handle failures due to missing permissionsWhat to do• Use the Graph API to check permissions and FB.login to request missing ones.• Or use the Real-Time API to cache existing permissions for each user.• Use new Insights to see which permissions get rejected and tune your app accordingly.• Check out Authenticated Referrals: Automatic permissions when users come to your app from FB.SYNCAPSE | New York | Toronto | London | Portland 5All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 6. New Auth Dialog ExampleSYNCAPSE | New York | Toronto | London | Portland 6All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 7. Timeline is The New ProfileSee ALL of your Facebook activity over time.• Add historical events and content.• Check-in mapping.• More expression • Highlight Timeline Stories • Use clever Cover images• And Application Content too!• Available for Developers now, but not fully launched yet.SYNCAPSE | New York | Toronto | London | Portland 7All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 8. Ticker is a FirehoseThe Ticker is a near-real-time firehoseof connection activitystories.• Perfect for light touch, „trivial‟ content. • Is this where those damn Farmville stories belong?• Apps can Publish Stories to the Ticker without user confirmation.SYNCAPSE | New York | Toronto | London | Portland 8All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 9. Ticker | Graph Rank = News FeedSome stories will be promoted to the News Feed, if the Graph Rank AIdeems them worthy. Ticker Story News Feed Graph Rank Worthy? Full Story International AI of MysterySYNCAPSE | New York | Toronto | London | Portland 9All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 10. Requests 2.0 Updates“Friction-less” requests can skip confirmation dialog.• But only if all the „to‟ UIDs have been approved by the user at least once.Breaking Change:Callback response data structure changed to contain array of UIDs in the toproperty.January 1, 2012 - existingapps will be opted into theRequest 2.0 migrations!SYNCAPSE | New York | Toronto | London | Portland 10All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 11. Cloud Service IntegrationThe first provider: HerokuClickyclickyclicky – now you have a hosted app running in that there cloud.Heroku supports:• PHP (warning: docs are sparse)• Node.js• Python• Ruby$ git push origin master… heroku does some magic… And now your app is updatedFree for low-traffic apps!SYNCAPSE | New York | Toronto | London | Portland 11All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 12. Mobile Web AppsBookmarking, Requests, all work nicely.• But still no Page Tabs anywhere Mobile.Native Facebook apps (iOS, Android) know to open your app as:1. Native Mobile or2. Mobile WebCredits on Mobile supported, but not innative iOS apps (thanks a lot, iTunes)Your Mobile Web app will work insidethe Facebook Native App chrome.SYNCAPSE | New York | Toronto | London | Portland 12All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 13. Mobile Web Apps – Basic Auth DialogIn the iPad Facebook App:SYNCAPSE | New York | Toronto | London | Portland 13All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 14. Mobile Web App - ExampleIn the iPad Facebook App:SYNCAPSE | New York | Toronto | London | Portland 14All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 15. OPEN GRAPH BETASYNCAPSE | New York | Toronto | London | Portland 15All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 16. Open Graph BetaWhat’s it about? From https://developers.facebook.com/docs/beta/ “With the Open Graph, your app becomes a part of the user‟s identity and social graph. Through a single API, you‟re able to deeply integrate into the key points of distribution on Facebook: Timeline, App Views, News Feed, and Ticker. … With the Open Graph, you‟ll be able to create a deep, persistent connection between you and your users, and drive new users to your app.”SYNCAPSE | New York | Toronto | London | Portland 16All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 17. Open Graph BetaSay What? For Developers • Invent new ways for users to interact with your content. • Lots of new methods to raise app visibility. • More connections, more data = more WIN! But note • It‟s all beta, baby • When do Custom Actions launch? undefined Oh No! Matt throws Dan out the windowSYNCAPSE | New York | Toronto | London | Portland 17All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 18. Open Graph BetaNodes and Lines Objects are Nodes • Facebook own their Social Graph Nodes • Users, Pages, Groups, Events, etc • You can create your own Nodes Actions are Lines • AKA Edges or Connections • Facebook own some Actions • Like, Recommend, Friend, etc • You can create your own Actions You can now connect Nodes together using your own Actions.SYNCAPSE | New York | Toronto | London | Portland 18All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 19. Open Graph, not so long ago• Create your own Objects• Use Facebook‟s Object Types or define your own• Social Graph users can do • Facebook-defined actions on your Objects.SYNCAPSE | New York | Toronto | London | Portland 19All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 20. Open Graph, today• Create your owndetailed Object Types and Actions in your app Namespace.• Social Graph users can do • Facebook-defined actions on your Objects • Custom actions on your Objects • Custom actions on Facebook-defined ObjectsSYNCAPSE | New York | Toronto | London | Portland 20All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 21. Get Started – The Open Graph DashboardClick on the Open Graphlink in the App Settingsmenu.Create and manageActions, Object Types, andAggregations.But there is NO API accessfor any of this yet, so getready for lots of browser-driving SYNCAPSE | New York | Toronto | London | Portland 21All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 22. Set up Custom Object Types1. Name it2. Add custom properties3. Inflect itSYNCAPSE | New York | Toronto | London | Portland 22All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 23. Custom Object – Creating an instanceTweak your OG metadata1. Add prefix namespaces to the head element2. Add your app namespace to the og:typemeta content<head prefix="og: http://ogp.me/ns# my_ns: http://ogp.me/ns/apps/my_ns#"><meta property="fb:app_id" content="278839975471035"/><meta property="og:locale" content="en_US" /><meta property="og:title" content="Pineapple Pizza Slice" /><meta property="og:type" content="my_ns:pizza_slice" /><meta property="og:image" content="http://domain/pineapple-pizza-slice.jpg" /><meta property="og:url" content="http://domain/pineapple-pizza-slice" /><meta property="og:description" content="Cheese and fruit, a tropical sensation" /><meta property="og:site_name" content="FDGL October 2011 App" />snipSYNCAPSE | New York | Toronto | London | Portland 23All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 24. Set up Custom ActionsUse the massive UI in the Facebook Developer App. It‟s seriously huge. Custom Actions will need to be submitted and approved by Facebook • FB have proposed a 48-hour turnaround • Positive actions preferred (so probably no Unlike action, sorry!)SYNCAPSE | New York | Toronto | London | Portland 24All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 25. Set up Aggregations1. Choose the type of data to Display and the linked Action.2. Choose a Style3. Set up sorting and captions4. PreviewSYNCAPSE | New York | Toronto | London | Portland 25All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 26. Set up Aggregation PreviewsUsers will see AggregationPreviews in the Auth Dialog.1. Create Preview Objects • These are just dummy Objects for presentation2. Create Preview Actions • Link Actions to Preview Objects SYNCAPSE | New York | Toronto | London | Portland 26 All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 27. Aggregation Example Aggregations show on a user‟s Timeline after they have completed at least 6 actions.SYNCAPSE | New York | Toronto | London | Portland 27All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 28. Custom Actions – Creating an instanceGet publish_actions permission from the user.Create an Action instance: Graph API & JS SDKvarurl = ‘/me/my_app_ns:action_id?object_type=https://object/opengraph/url’;FB.api(url, post, function(response) { console.log(response); });A Real-ish Example:POST /me/my_ns:chow_down_on?pizza_slice=http://domain/pineapple-pizza-sliceSYNCAPSE | New York | Toronto | London | Portland 28All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 29. Custom Actions – Where do they show?• Ticker & Ticker Fly-Out• News Feed • If promoted from the Ticker• Timeline – Feed Stories • If recent and not yet aggregated• Timeline – Featured Stories • If user chooses to highlight the story• Timeline – Recent Activity • If app used frequently/recently (unclear)• Timeline – Aggregations • If > 6 Actions taken by the userLet‟s have a look!SYNCAPSE | New York | Toronto | London | Portland 29All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 30. Custom Actions, Ticker & Fly-outSYNCAPSE | New York | Toronto | London | Portland 30All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 31. Custom Actions in News FeedThis story was aggregated, nice. SYNCAPSE | New York | Toronto | London | Portland 31 All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 32. Custom Actions on Timeline:Feed Stories Multiple Actions A Single ActionSYNCAPSE | New York | Toronto | London | Portland 32All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 33. Custom Actions on Timeline:Featured StoryUsers can choose to Feature a story on their Timelines. I love pizza.SYNCAPSE | New York | Toronto | London | Portland 33All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 34. Custom Actions on Timeline:Recent ActivitySYNCAPSE | New York | Toronto | London | Portland 34All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 35. Custom Actions on Timeline:AggregationsSYNCAPSE | New York | Toronto | London | Portland 35All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 36. Open Graph BetaIn Use ByLots of Media partners:• Netflix• Spotify• The Guardian• The Independent• Yahoo!• And othersSee more here:https://developers.facebook.com/showcase/SYNCAPSE | New York | Toronto | London | Portland 36All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 37. IMPORTANT BREAKAGES AND DATESSYNCAPSE | New York | Toronto | London | Portland 37All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 38. RoadmappingFBML Hell to End. JOY!• No bugfixes after Jan. 1st 2012 – Except for security fixes• All FBML endpoints smashed by sledgehammers on June 1st 2012Other dates• Nov. 1st, 2011: manage_notifications permission required to, yes, manage notifications• Dec. 1st, 2011: Dashboard APIs shut down & App Bookmark URL removed• Jan. 1st, 2012 – FB.Data JS SDK APIs removed – FB.Canvas.setAutoResize renamed to FB.Canvas.setAutoGrow – Apps auto-migrated to Requests 2.0• Feb. 1st, 2012: canvas_name removed from App properties in favor of namespaceSYNCAPSE | New York | Toronto | London | Portland 38All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.
  • 39. IF I TALKED REALLY FAST, WE MAYHAVE TIME FOR QUESTIONS. DO WE? And see you next time!Ask me about social media, technology, or eggs:• i.najmuddin@syncapse.com• twitter.com/iskandar• +44(0)207.096.0146SYNCAPSE | New York | Toronto | London | Portland 39All materials contained within this presentation are copyright Syncapse Corp. 2011. Reproduction or distribution is prohibited.