getting started with facebook opengraph api
DESCRIPTION
deck showing how to get starteTRANSCRIPT
Open Graph for Developers
@LynnLangit
What and Why Open Graph?• A Facebook API to share information
From your application To Facebook
• Ex. Pinterest
First Look
Click icon to add picture
Open Graph by Example
DemoOpen Graph Word Press plug in
Open Graph in 30 minutesWordpress Plug-in
Understanding more…• Look at Open Graph for Facebook application development
o Beyond the ‘Like’ buttono 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
Displaying Open Graph InfoUse a single APIEnable Open Graph actions To appear on Social Channel -- Newsfeed-- Ticker-- Timeline
User->Action->Object
Actions and objects are the building blocks of Open Graph
Planning for Open Graph
After a student codes and builds a recipe (lesson), then:1) Post a story to their timeline 2) Post their name3) Post a picture of the output (screenshot)4) Post the name of recipe5) The timeline story should read as follows:
“Lynn built the TKP SQUARE recipe today using Java”
Teaching Kids ProgrammingStudent
DemoSetting up an Open Graph application
Objects, Actions, Aggregations for TKP
Working with Open Graph• Core Concepts
o Objects are nounso Actions are verbs (and must be approved) by Facebook staffo Aggregations are views on Timeline, Newsfeed or Ticker
• Wire up Open Graph Objects to web pages with <meta> tagso Tags in the <head> section of the pageo Tags describe the type of the object, the name of the object and other
key information
Using Open Graph
CREATE your Facebook
Application w/a
namespace
USE default ACTIONS and OBJECTS to your Open
Graph
ADD new or CUSTOMIZE existing Open Graph items:• Objects• Actions • Aggregations
TEST your application using Tools• Graph API
Explorer• Facebook
Activity Log
WIRE up your application to
your Open Graph
Using the Samples Gallery
From the samples gallery - here
Click icon to add picture
Try it out• Build an app which uses Open Graph API• Put your on app center
Learn More