Building on the Open GraphMontag, 5. Dezember 11
Montag, 5. Dezember 11
Montag, 5. Dezember 11
Montag, 5. Dezember 11
Like                         Like                                Like                                       LikeMontag, 5....
Like                               Like                                                         RUN                       ...
A Quick TourMontag, 5. Dezember 11
Your AppMontag, 5. Dezember 11
Your AppMontag, 5. Dezember 11
Your AppMontag, 5. Dezember 11
Your App                                             User’s                         Newsfeed   TickerMontag, 5. Dezember 11
1. DEFINE YOUR ACTIONS AND                         USER     ACTION      OBJECT                                   COOK     ...
1. DEFINE YOUR ACTIONS ANDMontag, 5. Dezember 11
2. DEFINE YOUR TIMELINEMontag, 5. Dezember 11
2. DEFINE YOUR TIMELINEMontag, 5. Dezember 11
3. MARKUP AND EXPOSE YOURMontag, 5. Dezember 11
4. PUBLISH ACTIONS                   curl -F access_token=<access_token>                        -F recipe=http://myapp.com...
4. PUBLISH ACTIONS                   curl -F access_token=<access_token>                        -F recipe=http://myapp.com...
Let’s Hack...Montag, 5. Dezember 11
Object References                         COOK   RECIPE                                Lasagn                             ...
Object References                                         INGREDIENT                                         Beef         ...
Object References                         READ   ARTICLMontag, 5. Dezember 11
Object References                                         AUTHOR                                         Mr Journalist    ...
Object References                                         AUTHOR                                         Mr Journalist    ...
Object References                                         AUTHOR                                         Mr Journalist    ...
Object References                                         AUTHOR                                         Mr Journalist    ...
Action References                         COOK   RECIPE                                Lasagn                             ...
Action References                              COOK             RECIPE                                               Lasag...
Tagging Places                         curl -F access_token=<access_token>                              -F recipe=http://m...
Tagging Places                         curl -F access_token=<access_token>                              -F recipe=http://m...
1. Social By Design                 Social can’t just be added on at the endMontag, 5. Dezember 11
2. Build for the OpenGraph now                 Opportunity to own your verticalMontag, 5. Dezember 11
3. Get your data right                 Model your data                 Add context through references                 Crea...
4. Build products which exist over time                 Add to a user’s Identity                 Distribution is tied to r...
5. Focus on Mobile                 especially HTML5                 Facebook Platform for MobileMontag, 5. Dezember 11
The Open Graph               One API, More Distribution, More TrafficMontag, 5. Dezember 11
The Open Graph                                               Ticker Stories                                               ...
developers.facebook.comMontag, 5. Dezember 11
If there’s time:         Insights         Authentication         TranslationsMontag, 5. Dezember 11
Old Authentication DialogMontag, 5. Dezember 11
New Authentication DialogMontag, 5. Dezember 11
Authenticated ReferralsMontag, 5. Dezember 11
InsightsMontag, 5. Dezember 11
Open Graph InsightsMontag, 5. Dezember 11
Auth       InsightsMontag, 5. Dezember 11
Auth       InsightsMontag, 5. Dezember 11
TranslationsMontag, 5. Dezember 11
Translating       Actions                         Enable multiple                         languagesMontag, 5. Dezember 11
Translating       Actions                         Enable multiple                         languagesMontag, 5. Dezember 11
Translating ObjectsMontag, 5. Dezember 11
Translating Objects                         <html>                           <head prefix="og: http://ogp.me/ns#">        ...
Translating Objects                         <html>                           <head prefix="og: http://ogp.me/ns#">        ...
Translating Objects                         <html>                           <head prefix="og: http://ogp.me/ns#">        ...
developers.facebook.comMontag, 5. Dezember 11
Upcoming SlideShare
Loading in...5
×

Social design with the new Open Graph (by Simon Cross - Opening Keynote @ AllFacebook Developer Conference)

8,207

Published on

Published in: Technology

Social design with the new Open Graph (by Simon Cross - Opening Keynote @ AllFacebook Developer Conference)

  1. 1. Building on the Open GraphMontag, 5. Dezember 11
  2. 2. Montag, 5. Dezember 11
  3. 3. Montag, 5. Dezember 11
  4. 4. Montag, 5. Dezember 11
  5. 5. Like Like Like LikeMontag, 5. Dezember 11
  6. 6. Like Like RUN EAT Like READ Like LISTENMontag, 5. Dezember 11
  7. 7. A Quick TourMontag, 5. Dezember 11
  8. 8. Your AppMontag, 5. Dezember 11
  9. 9. Your AppMontag, 5. Dezember 11
  10. 10. Your AppMontag, 5. Dezember 11
  11. 11. Your App User’s Newsfeed TickerMontag, 5. Dezember 11
  12. 12. 1. DEFINE YOUR ACTIONS AND USER ACTION OBJECT COOK RECIPEMontag, 5. Dezember 11
  13. 13. 1. DEFINE YOUR ACTIONS ANDMontag, 5. Dezember 11
  14. 14. 2. DEFINE YOUR TIMELINEMontag, 5. Dezember 11
  15. 15. 2. DEFINE YOUR TIMELINEMontag, 5. Dezember 11
  16. 16. 3. MARKUP AND EXPOSE YOURMontag, 5. Dezember 11
  17. 17. 4. PUBLISH ACTIONS curl -F access_token=<access_token> -F recipe=http://myapp.com/object_id https://graph.facebook.com/me/myapp:cookMontag, 5. Dezember 11
  18. 18. 4. PUBLISH ACTIONS curl -F access_token=<access_token> -F recipe=http://myapp.com/object_id https://graph.facebook.com/me/myapp:cook OBJECT URL ACTION NAMEMontag, 5. Dezember 11
  19. 19. Let’s Hack...Montag, 5. Dezember 11
  20. 20. Object References COOK RECIPE Lasagn eMontag, 5. Dezember 11
  21. 21. Object References INGREDIENT Beef INGREDIENT COOK RECIPE Lasagn Pasta e INGREDIENT TomatoesMontag, 5. Dezember 11
  22. 22. Object References READ ARTICLMontag, 5. Dezember 11
  23. 23. Object References AUTHOR Mr Journalist ARTICL SECTION READ Busines TAGS Credit CrunchMontag, 5. Dezember 11
  24. 24. Object References AUTHOR Mr Journalist ARTICL SECTION READ Busines TAGS Credit CrunchMontag, 5. Dezember 11
  25. 25. Object References AUTHOR Mr Journalist ARTICL SECTION READ Busines TAGS Credit CrunchMontag, 5. Dezember 11
  26. 26. Object References AUTHOR Mr Journalist ARTICL SECTION READ Busines TAGS Credit CrunchMontag, 5. Dezember 11
  27. 27. Action References COOK RECIPE Lasagn eMontag, 5. Dezember 11
  28. 28. Action References COOK RECIPE Lasagn e OCCATIO N Birthda Helped by yMontag, 5. Dezember 11
  29. 29. Tagging Places curl -F access_token=<access_token> -F recipe=http://myapp.com/object_id place=360804836705’ https://graph.facebook.com/me/appname:cookMontag, 5. Dezember 11
  30. 30. Tagging Places curl -F access_token=<access_token> -F recipe=http://myapp.com/object_id place=360804836705’ https://graph.facebook.com/me/appname:cook Place IDMontag, 5. Dezember 11
  31. 31. 1. Social By Design Social can’t just be added on at the endMontag, 5. Dezember 11
  32. 32. 2. Build for the OpenGraph now Opportunity to own your verticalMontag, 5. Dezember 11
  33. 33. 3. Get your data right Model your data Add context through references Create amazing AggregationsMontag, 5. Dezember 11
  34. 34. 4. Build products which exist over time Add to a user’s Identity Distribution is tied to reputation Think beyond ‘campaigns’Montag, 5. Dezember 11
  35. 35. 5. Focus on Mobile especially HTML5 Facebook Platform for MobileMontag, 5. Dezember 11
  36. 36. The Open Graph One API, More Distribution, More TrafficMontag, 5. Dezember 11
  37. 37. The Open Graph Ticker Stories Simon Cross listened to Poor Souls on Spotify News Feed Stories Simon Cross listened Add to Timeline to songs on Spotify Timeline Aggregations One API, More Distribution, More TrafficMontag, 5. Dezember 11
  38. 38. developers.facebook.comMontag, 5. Dezember 11
  39. 39. If there’s time: Insights Authentication TranslationsMontag, 5. Dezember 11
  40. 40. Old Authentication DialogMontag, 5. Dezember 11
  41. 41. New Authentication DialogMontag, 5. Dezember 11
  42. 42. Authenticated ReferralsMontag, 5. Dezember 11
  43. 43. InsightsMontag, 5. Dezember 11
  44. 44. Open Graph InsightsMontag, 5. Dezember 11
  45. 45. Auth InsightsMontag, 5. Dezember 11
  46. 46. Auth InsightsMontag, 5. Dezember 11
  47. 47. TranslationsMontag, 5. Dezember 11
  48. 48. Translating Actions Enable multiple languagesMontag, 5. Dezember 11
  49. 49. Translating Actions Enable multiple languagesMontag, 5. Dezember 11
  50. 50. Translating ObjectsMontag, 5. Dezember 11
  51. 51. Translating Objects <html> <head prefix="og: http://ogp.me/ns#"> <meta property="og:locale" content="en_GB" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:locale:alternate" content="de_DE" /> <meta property="og:locale:alternate" content="tr_TR" /> ...Montag, 5. Dezember 11
  52. 52. Translating Objects <html> <head prefix="og: http://ogp.me/ns#"> <meta property="og:locale" content="en_GB" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:locale:alternate" content="de_DE" /> <meta property="og:locale:alternate" content="tr_TR" /> ... GET http://YOUR_OBJECT_URL?fb_locale=fr_FR GET http://YOUR_OBJECT_URL?fb_locale=de_DE GET http://YOUR_OBJECT_URL?fb_locale=tr_TRMontag, 5. Dezember 11
  53. 53. Translating Objects <html> <head prefix="og: http://ogp.me/ns#"> <meta property="og:locale" content="en_GB" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:locale:alternate" content="de_DE" /> <meta property="og:locale:alternate" content="tr_TR" /> ... GET http://YOUR_OBJECT_URL?fb_locale=fr_FR GET http://YOUR_OBJECT_URL?fb_locale=de_DE GET http://YOUR_OBJECT_URL?fb_locale=tr_TR ... <meta property="og:title" content="{TURKISH_TITLE}" /> <meta property="og:description" content="{TURKISH_DESC}" /> ...Montag, 5. Dezember 11
  54. 54. developers.facebook.comMontag, 5. Dezember 11

×