Getting started with Facebook OpenGraph API
•Download as PPTX, PDF•
8 likes•4,924 views
This document provides an overview of Open Graph, a Facebook API that allows sharing information from applications to Facebook. It demonstrates Open Graph through examples, discusses core concepts like objects and actions, and provides steps for setting up an Open Graph application including creating a Facebook app, customizing actions and objects, and wiring the application to Open Graph. The document aims to help developers get started with Open Graph for Facebook app development.
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Getting started with Facebook OpenGraph API
Similar to Getting started with Facebook OpenGraph API (20)
More from Lynn Langit
More from Lynn Langit (20)
Recently uploaded
Recently uploaded (20)
Getting started with Facebook OpenGraph API
- 1. Open Graph for Developers @LynnLangit
- 2. What and Why Open Graph? • A Facebook API to share information From your application To Facebook • Ex. Pinterest
- 3. First Look Open Graph by Example
- 4. Demo Open Graph Word Press plug in
- 5. Open Graph in 30 minutes Wordpress Plug-in
- 6. Understanding more… • Look at Open Graph for Facebook application development o Beyond the ‘Like’ button o Adding more information – noun / verb, i.e. “I cooked this recipe” • Understand how to get started coding using a single API • Learn concepts - User / Action / Object / Aggregation
- 7. Displaying Open Graph Info Use a single API Enable Open Graph actions To appear on Social Channel -- Newsfeed -- Ticker -- Timeline
- 8. User->Action->Object Actions and objects are the building blocks of Open Graph
- 9. Planning for Open Graph Student Teaching Kids Programming After a student codes and builds a recipe (lesson), then: 1) Post a story to their timeline 2) Post their name 3) Post a picture of the output (screenshot) 4) Post the name of recipe 5) The timeline story should read as follows: “Lynn built the TKP SQUARE recipe today using Java”
- 10. Demo Setting up an Open Graph application
- 11. Objects, Actions, Aggregations for TKP
- 12. Working with Open Graph • Core Concepts o Objects are nouns o Actions are verbs (and must be approved) by Facebook staff o Aggregations are views on Timeline, Newsfeed or Ticker • Wire up Open Graph Objects to web pages with <meta> tags o Tags in the <head> section of the page o Tags describe the type of the object, the name of the object and other key information
- 13. Using Open Graph ADD new or TEST your CREATE your USE default CUSTOMIZE application WIRE up your Facebook ACTIONS and existing Open using Tools application to Application OBJECTS to Graph items: • Graph API your Open w/a your Open • Objects Explorer Graph namespace Graph • Actions • Facebook Activity Log • Aggregations
- 14. Using the Samples Gallery From the samples gallery - here
- 15. Try it out • Build an app which uses Open Graph API • Put your on app center
- 16. Learn More
Editor's Notes
- http://ogp.me/
- http://www.teachingkidsprogramming.org
- From the plug-ins gallery – hereDeveloper info - here
- https://developers.facebook.com/docs/channels/
- Explanation - https://developers.facebook.com/docs/opengraph/Security info – object is public, action is private to the user
- Explanation - https://developers.facebook.com/docs/opengraph/Security info – object is public, action is private to the user
- Sample code here - http://developers.facebook.com/docs/opengraph/samples/
- http://developers.facebook.com/docs/opengraph/keyconcepts/
- http://developers.facebook.comhttp://developers.facebook.com/docs/opengraph/keyconcepts/*Tip – to quick publish -- use Terminal in MacOS w/the code (starts with ‘curl’ ) from the Open Graph>Actions>{your action}>Create new run action dialog box
- http://developers.facebook.com/docs/opengraph/samples/
- https://developers.facebook.com/
- https://developers.facebook.com/apps
- Download – samples - https://developers.facebook.com/docs/opengraph/samples/Sdks - http://developers.facebook.com/docs/sdks/Download – samples - https://developers.facebook.com/docs/opengraph/samples/http://developers.facebook.com/docs/opengraph/samples/
- http://developers.facebook.com/videos/
- http://www.monafoundation.org/project/Teaching-Kids-Programming/22