46
Building on the Open Graph Tuesday, 22 May 12

Facebook Garage / Open Graph Presentation

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Facebook Garage / Open Graph Presentation

Building on the Open Graph

Tuesday, 22 May 12

Page 2: Facebook Garage / Open Graph Presentation

Tuesday, 22 May 12

Page 3: Facebook Garage / Open Graph Presentation

A Quick Tour

Tuesday, 22 May 12

Page 4: Facebook Garage / Open Graph Presentation

Your App

Tuesday, 22 May 12

Page 5: Facebook Garage / Open Graph Presentation

Your App

Tuesday, 22 May 12

Page 6: Facebook Garage / Open Graph Presentation

Your App

Tuesday, 22 May 12

Page 7: Facebook Garage / Open Graph Presentation

TickerNewsfeed

User’s Timeline

Your App

Tuesday, 22 May 12

Page 8: Facebook Garage / Open Graph Presentation

COOK RECIPE

ACTION OBJECTUSER

!. DEFINE YOUR ACTIONS AND OBJECTS

Tuesday, 22 May 12

Page 9: Facebook Garage / Open Graph Presentation

!. DEFINE YOUR ACTIONS AND OBJECTS

Tuesday, 22 May 12

Page 10: Facebook Garage / Open Graph Presentation

". DEFINE YOUR TIMELINE AGGREGATIONS

Tuesday, 22 May 12

Page 11: Facebook Garage / Open Graph Presentation

". DEFINE YOUR TIMELINE AGGREGATIONS

Tuesday, 22 May 12

Page 12: Facebook Garage / Open Graph Presentation

#. MARKUP AND EXPOSE YOUR OBJECTS

Tuesday, 22 May 12

Page 13: Facebook Garage / Open Graph Presentation

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

$. PUBLISH ACTIONS

Tuesday, 22 May 12

Page 14: Facebook Garage / Open Graph Presentation

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

OBJECT URL

ACTION NAME

$. PUBLISH ACTIONS

Tuesday, 22 May 12

Page 15: Facebook Garage / Open Graph Presentation

Let’s Hack...

Tuesday, 22 May 12

Page 16: Facebook Garage / Open Graph Presentation

Object References

COOK RECIPE

Cookies

Tuesday, 22 May 12

Page 17: Facebook Garage / Open Graph Presentation

INGREDIENT

Pecan

INGREDIENT

Chocolate

INGREDIENT

Egg

Object References

COOK RECIPE

Cookies

Tuesday, 22 May 12

Page 18: Facebook Garage / Open Graph Presentation

Object References

ARTICLEREAD

Tuesday, 22 May 12

Page 19: Facebook Garage / Open Graph Presentation

SECTION

Business

AUTHOR

Mr Journalist

TAGS

Credit Crunch

Object References

ARTICLEREAD

Tuesday, 22 May 12

Page 20: Facebook Garage / Open Graph Presentation

SECTION

Business

AUTHOR

Mr Journalist

TAGS

Credit Crunch

Object References

ARTICLEREAD

Tuesday, 22 May 12

Page 21: Facebook Garage / Open Graph Presentation

SECTION

Business

AUTHOR

Mr Journalist

TAGS

Credit Crunch

Object References

ARTICLEREAD

Tuesday, 22 May 12

Page 22: Facebook Garage / Open Graph Presentation

SECTION

Business

AUTHOR

Mr Journalist

TAGS

Credit Crunch

Object References

ARTICLEREAD

Tuesday, 22 May 12

Page 23: Facebook Garage / Open Graph Presentation

Action References

RECIPE

Cookies

COOK

Tuesday, 22 May 12

Page 24: Facebook Garage / Open Graph Presentation

Action References

RECIPE

Cookies

OCCATION

Birthday

Suchef

COOK

Tuesday, 22 May 12

Page 25: Facebook Garage / Open Graph Presentation

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

Tagging Places

Tuesday, 22 May 12

Page 26: Facebook Garage / Open Graph Presentation

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

Place ID

Tagging Places

Tuesday, 22 May 12

Page 27: Facebook Garage / Open Graph Presentation

!. Social By Design

Social can’t just be added on at the end

Tuesday, 22 May 12

Page 28: Facebook Garage / Open Graph Presentation

". Build for the OpenGraph now

Opportunity to own your vertical

Tuesday, 22 May 12

Page 29: Facebook Garage / Open Graph Presentation

#. Get your data right

Model your data

Add context through references

Create amazing Aggregations

Tuesday, 22 May 12

Page 30: Facebook Garage / Open Graph Presentation

$. Build products which exist over time

Add to a user’s Identity

Distribution is tied to reputation

Think beyond ‘campaigns’

Tuesday, 22 May 12

Page 31: Facebook Garage / Open Graph Presentation

%. Focus on Mobileespecially HTML%

Facebook Platform for Mobile

Tuesday, 22 May 12

Page 32: Facebook Garage / Open Graph Presentation

One API, More Distribution, More Traffic

The Open Graph

Tuesday, 22 May 12

Page 33: Facebook Garage / Open Graph Presentation

Simon Cross listened to Poor Souls on Spotify

Simon Cross listened to songs on Spotify

News Feed Stories

Ticker Stories

Timeline Aggregations

Add to Timeline

One API, More Distribution, More Traffic

The Open Graph

Tuesday, 22 May 12

Page 34: Facebook Garage / Open Graph Presentation

developers.facebook.com

Tuesday, 22 May 12

Page 35: Facebook Garage / Open Graph Presentation

InsightsTranslations

Next:

Tuesday, 22 May 12

Page 36: Facebook Garage / Open Graph Presentation

Open Graph Insights

Tuesday, 22 May 12

Page 37: Facebook Garage / Open Graph Presentation

AuthInsights

Tuesday, 22 May 12

Page 38: Facebook Garage / Open Graph Presentation

AuthInsights

Tuesday, 22 May 12

Page 39: Facebook Garage / Open Graph Presentation

Translations

Tuesday, 22 May 12

Page 40: Facebook Garage / Open Graph Presentation

Enable multiplelanguages

TranslatingActions

Tuesday, 22 May 12

Page 41: Facebook Garage / Open Graph Presentation

Enable multiplelanguages

TranslatingActions

Tuesday, 22 May 12

Page 42: Facebook Garage / Open Graph Presentation

Translating Objects

Tuesday, 22 May 12

Page 43: Facebook Garage / Open Graph Presentation

<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" /> ...

Translating Objects

Tuesday, 22 May 12

Page 44: Facebook Garage / Open Graph Presentation

<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_FRGET http://YOUR_OBJECT_URL?fb_locale=de_DEGET http://YOUR_OBJECT_URL?fb_locale=tr_RU

Translating Objects

Tuesday, 22 May 12

Page 45: Facebook Garage / Open Graph Presentation

<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_FRGET http://YOUR_OBJECT_URL?fb_locale=de_DEGET http://YOUR_OBJECT_URL?fb_locale=tr_RU

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

Translating Objects

Tuesday, 22 May 12

Page 46: Facebook Garage / Open Graph Presentation

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

Tuesday, 22 May 12