Embed Size (px)
Citation preview
The Open Graph
The Open Graph
• What is Open Graph and how do we
use it?
• Implementation for project
managers.
• Implementation for developers.
What is the Open Graph?
• Timeline
• Ticker
• Newsfeeds
What is the Open Graph?
User Interaction
What is the Open Graph?
Verbs
Darren Jones cooked a Chocolate Cake
What is the Open Graph?
Darren Jones cooked a Chocolate
Cake
Action Object
What is the Open Graph?cooked Chocolate
CakeIs cooking
Has cooked
Are cooking
Represented by URLe.g. example.com/chocolate-cake/
fb:recipe = URL
og:title = Chocolate Cake
Action Object
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
User Interaction
Open Graph API
Implementation for Project Managers
• Frictionless Darren is listening to Circle of Life on Spotify
• User initiated Darren just entered a competition at Boots No7
Implementation for Project Managers
Additional permissions
publish_actions
Implementation for Project Managers
The referral dialog
publish_actions
Implementation for Project Managers
Setting up actions and objects in the Facebook Developer Panel
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Implementation for Project Managers
Key things to note:
Aggregations must be set up for actions and objectsAggregations will not work unless correct og tags are in place
Implementation for Project ManagersWhat have we covered so far?
Opengraph channels (Timeline/Newsfeed/Ticker)
Actions and objects and how to set them up
Types of action (frictionless/user initiated)
Permissions (publish_actions) & Authenticated Referrals
Aggregations
Implementation for Developers
It’s really quick, without getting too technical. Promise!
Implementation for Developers
OpenGraph mechanics
Implementation for Developers
Publishing to the OpenGraph
OG tags must be in place namespace:action
Facebook must be able to access the site – this means port forwarding!
Probably a good idea to re-lint every now and again as things change
Your own actions will show in ticker only when app is sandboxed
There is a limit to actions shown (roughly 1 minute)
Only developers can publish actions and see/accept publish_actions dialog
Implementation for Developers
Publishing to the OpenGraph
curl -F 'access_token=' \ -F 'article=http://example.com/article-slug/' \ 'https://graph.facebook.com/me/lastampa:read'
Implementation for Developers
Publishing to the OpenGraph
{"id" : 2579038217}
Implementation for Developers
Reading from the OpenGraph
GET
https://graph.facebook.com/me/namespace:action
Implementation for Developers
Reading from the OpenGraph
Implementation for Developers
That’s actually all you need to do!
Implementation for Developers
Once all of this is in place, we need to submit our verbs to
Facebook.
They will not approve any dev apps or incomplete applications. So submission is the last thing to
do.https://developers.facebook.com/docs/opengraph/checklist/
Happy testing!
