Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Making Your Websites Social with Facebook Connect - SF Facebook Dev Garage 3 25

Presentation I made to Facebook Developer Garage San Francisco on 3-25 on Facebook Connect.

  • Login to see the comments

Making Your Websites Social with Facebook Connect - SF Facebook Dev Garage 3 25

  1. 1. Thursday, March 26, 2009
  2. 2. Welcome Albert Lai, Kontagent Thursday, March 26, 2009
  3. 3. Making your Websites Social with Facebook Connect March 25, 2009 Thursday, March 26, 2009
  4. 4. Hi Thursday, March 26, 2009
  5. 5. Our Mission Give people the power to share and make the world more open and connected Thursday, March 26, 2009
  6. 6. Your Mission: Create opportunities for people to share and make the world more open and connected Thursday, March 26, 2009
  7. 7. Facebook Connect for iPhone Get started today: http://developers.facebook.com/ Thursday, March 26, 2009
  8. 8. What are your goals? 1) Build Trafic 2) Create Deep Engagement 3) Profit wildly $$$ Thursday, March 26, 2009
  9. 9. How can Facebook Connect help? 1) Build Trafic - through social distribution 2) Create Deep Engagement - with identity and social context 3) Profit wildly $$$ - with more trafic and engagement Thursday, March 26, 2009
  10. 10. Foundations 03 Feed 02 Friends 01 Identity Thursday, March 26, 2009
  11. 11. Problem: Too much to fill out Thursday, March 26, 2009
  12. 12. Problem: Too much to fill out Thursday, March 26, 2009
  13. 13. Problem: Too much to fill out Thursday, March 26, 2009
  14. 14. Problem: Too much to fill out Thursday, March 26, 2009
  15. 15. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  16. 16. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  17. 17. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  18. 18. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  19. 19. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  20. 20. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  21. 21. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  22. 22. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  23. 23. Identity: 1-click login with Facebook Connect Thursday, March 26, 2009
  24. 24. How To Two lines of Javascript ▪ Initializes Facebook Connect for your site ▪ Gets login status from Facebook ▪ Parses any XFBML tags ▪ Thursday, March 26, 2009
  25. 25. How To Profiles and logged-in state Thursday, March 26, 2009
  26. 26. Problem: Too lonely Thursday, March 26, 2009
  27. 27. Problem: Too lonely Thursday, March 26, 2009
  28. 28. Problem: Too lonely Thursday, March 26, 2009
  29. 29. Friends: Discovery and inviting friends Thursday, March 26, 2009
  30. 30. Friends: Discovery and inviting friends Thursday, March 26, 2009
  31. 31. Friends: Discovery and inviting friends Thursday, March 26, 2009
  32. 32. Friends: Discovery and inviting friends Thursday, March 26, 2009
  33. 33. Friends: Discovery and inviting friends Thursday, March 26, 2009
  34. 34. Friends: Discovery and inviting friends Thursday, March 26, 2009
  35. 35. Friends:LinkingContext as a Filter Social Friend Massive amounts of content Friends are the filter User Reviews Discussion Blogs Board Discovery of friends content Videos Photos People Thursday, March 26, 2009
  36. 36. How To Get your session from Javascript ▪ It’s stored in your local cookies ▪ Connect it to your server session ▪ Make any Facebook API calls ▪ Thursday, March 26, 2009
  37. 37. I’ve got my identity I’ve got my friends Now what? Thursday, March 26, 2009
  38. 38. Four ways to communicate via Facebook Thursday, March 26, 2009
  39. 39. Four ways to communicate via Facebook 1) Requests: ▪ “Will you do X?” Thursday, March 26, 2009
  40. 40. Four ways to communicate via Facebook 1) Requests: ▪ “Will you do X?” 2) Notifications: ▪ “I just did X at you” Thursday, March 26, 2009
  41. 41. Four ways to communicate via Facebook 1) Requests: ▪ “Will you do X?” 2) Notifications: ▪ “I just did X at you” 3) Updates or Announcements: ▪ “There is something new” Thursday, March 26, 2009
  42. 42. Four ways to communicate via Facebook 1) Requests: ▪ “Will you do X?” 2) Notifications: ▪ “I just did X at you” 3) Updates or Announcements: ▪ “There is something new” 4) Stream ▪ “I want to tell you about...” Thursday, March 26, 2009
  43. 43. The stream Thursday, March 26, 2009
  44. 44. Feed: Reporting - Sharing Thursday, March 26, 2009
  45. 45. Feed Story Details Actor User Message Media (image/ flash) Body Action Links Thursday, March 26, 2009
  46. 46. New Feed Forms: More sharing, less reporting • User-editable comment field • Comment can be pre-filled by application with user content • User comment will be returned to application • Same methods, new parameter: user_message Thursday, March 26, 2009
  47. 47. Thursday, March 26, 2009
  48. 48. Thursday, March 26, 2009
  49. 49. Thursday, March 26, 2009
  50. 50. Comments on the web should be social Thursday, March 26, 2009
  51. 51. Comments on the web should be social Thursday, March 26, 2009
  52. 52. Comments on the web should be social Thursday, March 26, 2009
  53. 53. Comments on the web should be social Thursday, March 26, 2009
  54. 54. How To Register feed templates ▪ Tokenized Format ▪ JSON-encoded data for each story ▪ Prompt user to publish ▪ Javascript API + Ajax dialog ▪ Server-side publishing available too ▪ Thursday, March 26, 2009
  55. 55. Your Mission: Give people the opportunity to share and make the world more open and connected Thursday, March 26, 2009
  56. 56. (c) 2008 Facebook, Inc. or its licensors.  quot;Facebookquot; is a registered trademark of Facebook, Inc.. All rights reserved. 1.0 Thursday, March 26, 2009

×