Building on the Open Graph




Tuesday, 22 May 12
Tuesday, 22 May 12
A Quick Tour




Tuesday, 22 May 12
Your App




Tuesday, 22 May 12
Your App




Tuesday, 22 May 12
Your App




Tuesday, 22 May 12
Your App
                                         User’s Timeline




                     Newsfeed   Ticker




Tuesday, 22 May 12
1. DEFINE YOUR ACTIONS AND OBJECTS


                     USER   ACTION        OBJECT


                             COOK         RECIPE




Tuesday, 22 May 12
1. DEFINE YOUR ACTIONS AND OBJECTS




Tuesday, 22 May 12
2. DEFINE YOUR TIMELINE AGGREGATIONS




Tuesday, 22 May 12
2. DEFINE YOUR TIMELINE AGGREGATIONS




Tuesday, 22 May 12
3. MARKUP AND EXPOSE YOUR OBJECTS




Tuesday, 22 May 12
4. PUBLISH ACTIONS


                     curl -F 'access_token=<access_token>'
                          -F 'recipe=http://myapp.com/object_id' 
                             'https://graph.facebook.com/me/myapp:action'




Tuesday, 22 May 12
4. PUBLISH ACTIONS


                     curl -F 'access_token=<access_token>'
                          -F 'recipe=http://myapp.com/object_id' 
                             'https://graph.facebook.com/me/myapp:action'



        OBJECT URL
                                                                ACTION NAME



Tuesday, 22 May 12
Let’s Hack...




Tuesday, 22 May 12
Object References




                     COOK   RECIPE
                            Cookies




Tuesday, 22 May 12
Object References
                                      INGREDIENT

                                      Chocolate



                            RECIPE    INGREDIENT
                     COOK
                            Cookies   Pecan


                                      INGREDIENT

                                      Egg




Tuesday, 22 May 12
Object References




                     READ   ARTICLE




Tuesday, 22 May 12
Object References
                                       AUTHOR
                                      Mr Journalist



                                      SECTION
                     READ   ARTICLE
                                      Business


                                         TAGS
                                      Credit Crunch




Tuesday, 22 May 12
Object References
                                       AUTHOR
                                      Mr Journalist



                                      SECTION
                     READ   ARTICLE
                                      Business


                                         TAGS
                                      Credit Crunch




Tuesday, 22 May 12
Object References
                                       AUTHOR
                                      Mr Journalist



                                      SECTION
                     READ   ARTICLE
                                      Business


                                         TAGS
                                      Credit Crunch




Tuesday, 22 May 12
Object References
                                       AUTHOR
                                      Mr Journalist



                                      SECTION
                     READ   ARTICLE
                                      Business


                                         TAGS
                                      Credit Crunch




Tuesday, 22 May 12
Action References


                        COOK   RECIPE
                               Cookies




Tuesday, 22 May 12
Action References


                              COOK              RECIPE
                                                Cookies




                                     OCCATION

                                     Birthday
                     Suchef



Tuesday, 22 May 12
Tagging Places



                     curl -F 'access_token=<access_token>'
                          -F 'recipe=http://myapp.com/object_id' 
                             'place=360804836705’ 
                             'https://graph.facebook.com/me/appname:cook'




Tuesday, 22 May 12
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 ID



Tuesday, 22 May 12
1. Social By Design
                 Social can’t just be added on at the end




Tuesday, 22 May 12
2. Build for the OpenGraph now
                 Opportunity to own your vertical




Tuesday, 22 May 12
3. Get your data right
                 Model your data
                 Add context through references
                 Create amazing Aggregations


Tuesday, 22 May 12
4. Build products which exist over time
                 Add to a user’s Identity
                 Distribution is tied to reputation
                 Think beyond ‘campaigns’


Tuesday, 22 May 12
5. Focus on Mobile
                 especially HTML5
                 Facebook Platform for Mobile




Tuesday, 22 May 12
The Open Graph




                     One API, More Distribution, More Traffic

Tuesday, 22 May 12
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 Traffic

Tuesday, 22 May 12
developers.facebook.com




Tuesday, 22 May 12
Next:



         Insights
         Translations



Tuesday, 22 May 12
Open Graph Insights




Tuesday, 22 May 12
Auth
       Insights




Tuesday, 22 May 12
Auth
       Insights




Tuesday, 22 May 12
Translations




Tuesday, 22 May 12
Translating
       Actions




                     Enable multiple
                     languages




Tuesday, 22 May 12
Translating
       Actions




                     Enable multiple
                     languages




Tuesday, 22 May 12
Translating Objects




Tuesday, 22 May 12
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_RU" />
                         ...




Tuesday, 22 May 12
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_RU" />
                         ...


                     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_RU




Tuesday, 22 May 12
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_RU" />
                         ...


                     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_RU


                         ...
                         <meta property="og:title" content="{RUSSIAN_TITLE}" />
                         <meta property="og:description" content="{RUSSIAN_DESC}" />
                         ...




Tuesday, 22 May 12
(c) 2009 Facebook, Inc. or its licensors.  "Facebook" is a registered trademark of Facebook, Inc.. All rights reserved. 1.0




Tuesday, 22 May 12

Facebook Garage / Open Graph Presentation

  • 1.
    Building on theOpen Graph Tuesday, 22 May 12
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
    Your App User’s Timeline Newsfeed Ticker Tuesday, 22 May 12
  • 8.
    1. DEFINE YOURACTIONS AND OBJECTS USER ACTION OBJECT COOK RECIPE Tuesday, 22 May 12
  • 9.
    1. DEFINE YOURACTIONS AND OBJECTS Tuesday, 22 May 12
  • 10.
    2. DEFINE YOURTIMELINE AGGREGATIONS Tuesday, 22 May 12
  • 11.
    2. DEFINE YOURTIMELINE AGGREGATIONS Tuesday, 22 May 12
  • 12.
    3. MARKUP ANDEXPOSE YOUR OBJECTS Tuesday, 22 May 12
  • 13.
    4. PUBLISH ACTIONS curl -F 'access_token=<access_token>' -F 'recipe=http://myapp.com/object_id' 'https://graph.facebook.com/me/myapp:action' Tuesday, 22 May 12
  • 14.
    4. PUBLISH ACTIONS curl -F 'access_token=<access_token>' -F 'recipe=http://myapp.com/object_id' 'https://graph.facebook.com/me/myapp:action' OBJECT URL ACTION NAME Tuesday, 22 May 12
  • 15.
  • 16.
    Object References COOK RECIPE Cookies Tuesday, 22 May 12
  • 17.
    Object References INGREDIENT Chocolate RECIPE INGREDIENT COOK Cookies Pecan INGREDIENT Egg Tuesday, 22 May 12
  • 18.
    Object References READ ARTICLE Tuesday, 22 May 12
  • 19.
    Object References AUTHOR Mr Journalist SECTION READ ARTICLE Business TAGS Credit Crunch Tuesday, 22 May 12
  • 20.
    Object References AUTHOR Mr Journalist SECTION READ ARTICLE Business TAGS Credit Crunch Tuesday, 22 May 12
  • 21.
    Object References AUTHOR Mr Journalist SECTION READ ARTICLE Business TAGS Credit Crunch Tuesday, 22 May 12
  • 22.
    Object References AUTHOR Mr Journalist SECTION READ ARTICLE Business TAGS Credit Crunch Tuesday, 22 May 12
  • 23.
    Action References COOK RECIPE Cookies Tuesday, 22 May 12
  • 24.
    Action References COOK RECIPE Cookies OCCATION Birthday Suchef Tuesday, 22 May 12
  • 25.
    Tagging Places curl -F 'access_token=<access_token>' -F 'recipe=http://myapp.com/object_id' 'place=360804836705’ 'https://graph.facebook.com/me/appname:cook' Tuesday, 22 May 12
  • 26.
    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 ID Tuesday, 22 May 12
  • 27.
    1. Social ByDesign Social can’t just be added on at the end Tuesday, 22 May 12
  • 28.
    2. Build forthe OpenGraph now Opportunity to own your vertical Tuesday, 22 May 12
  • 29.
    3. Get yourdata right Model your data Add context through references Create amazing Aggregations Tuesday, 22 May 12
  • 30.
    4. Build productswhich exist over time Add to a user’s Identity Distribution is tied to reputation Think beyond ‘campaigns’ Tuesday, 22 May 12
  • 31.
    5. Focus onMobile especially HTML5 Facebook Platform for Mobile Tuesday, 22 May 12
  • 32.
    The Open Graph One API, More Distribution, More Traffic Tuesday, 22 May 12
  • 33.
    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 Traffic Tuesday, 22 May 12
  • 34.
  • 35.
    Next: Insights Translations Tuesday, 22 May 12
  • 36.
  • 37.
    Auth Insights Tuesday, 22 May 12
  • 38.
    Auth Insights Tuesday, 22 May 12
  • 39.
  • 40.
    Translating Actions Enable multiple languages Tuesday, 22 May 12
  • 41.
    Translating Actions Enable multiple languages Tuesday, 22 May 12
  • 42.
  • 43.
    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_RU" /> ... Tuesday, 22 May 12
  • 44.
    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_RU" /> ... 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_RU Tuesday, 22 May 12
  • 45.
    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_RU" /> ... 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_RU ... <meta property="og:title" content="{RUSSIAN_TITLE}" /> <meta property="og:description" content="{RUSSIAN_DESC}" /> ... Tuesday, 22 May 12
  • 46.
    (c) 2009 Facebook,Inc. or its licensors.  "Facebook" is a registered trademark of Facebook, Inc.. All rights reserved. 1.0 Tuesday, 22 May 12