Og presentation
Upcoming SlideShare
Loading in...5
×
 

Og presentation

on

  • 399 views

 

Statistics

Views

Total Views
399
Views on SlideShare
399
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Want to talk about opengraphTrying to keep it generalised so that everybody can understand all aspects without getting too techyPeople can go away and look into it more knowing the basicsWill be covering 3 key areas
  • 3 Key areas of opengraphWhat is opengraph and how do we use it. Going to explain basic concepts of opengraph and how they can increase reach to Facebook users and how the different content streams in Facebook are all brought together by opengraphImplementation for project managers – What is the user flow for opengraph, rough technical outline so that we can see what’s possible, types of interaction, permissions, setting your verbs, aggregations
  • Open Graph consists of 4 key areasTimeline, ticker, news feeds (talk about quickly now) and new verbs
  • User interactions are shown in 3 social channelsTicker always (noise), timeline always, newsfeed – FB algorithm depending on content
  • What clients want
  • How does activity get pushed to these channels – take UI and send 1 request to OG
  • INTERACTIONHowever, to publish these interactions permissions need to be accepted
  • Publish_actionsBrings up this authentication dialogMove on to authenticated referrals
  • Interesting that this is set up through FB – users are ready to goMoving on to how to set up our actions/objects
  • UG or predetermined actionsPredetermined automatically set up aggregationsMove on to explanation of what everything means in the panel
  • Cover article shortlyStart time and end time are for samples – you can set something to expire its tense in a set time
  • TENSES
  • 3 different types of attachments for each action tells facebook what sort of data to expect
  • Aggregations- these are how data is displayed for each action/object on the users timeline
  • Move on to layout styles
  • Key things to noteIf everything is set up correctly, you can preview a sample aggregation based on real dataMove on to summary/what we know so far
  • What we have covered
  • OpenGraph MechanicsMove on to publishing to OpenGraph
  • Things to note before getting started
  • Server and client side example
  • Success
  • That’s it – just one more thing!
  • Sample response
  • Sample response
  • Submission and criteria

Og presentation Og presentation Presentation Transcript

  • 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 View slide
  • What is the Open Graph? User Interaction View slide
  • What is the Open Graph? VerbsDarren Jones cooked a Chocolate Cake
  • What is the Open Graph?Darren Jones a Action Object
  • What is the Open Graph? Action ObjectIs cooking Represented by URL e.g. example.com/chocolate-cake/Has cooked fb:recipe = URLAre cooking og:title = Chocolate Cake
  • Implementation for Project Managers
  • Implementation for Project Managers
  • Implementation for Project Managers Open Graph API User Interaction
  • 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 ManagersSetting 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 ManagersKey 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 Managers What have we covered so far?Opengraph channels (Timeline/Newsfeed/Ticker)Actions and objects and how to set them upTypes of action (frictionless/user initiated)Permissions (publish_actions) & Authenticated ReferralsAggregations
  • Implementation for Developers It’s really quick, without getting too technical. Promise!
  • Implementation for Developers OpenGraph mechanics
  • Implementation for Developers Publishing to the OpenGraphOG tags must be in place namespace:actionFacebook must be able to access the site – this means port forwarding!Probably a good idea to re-lint every now and again as things changeYour own actions will show in ticker only when app is sandboxedThere 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 OpenGraphcurl -F access_token= -F article= https://graph.facebook.com/
  • Implementation for Developers Publishing to the OpenGraph {"id" : 2579038217}
  • Implementation for Developers Reading from the OpenGraph GEThttps://graph.facebook.com/me/names pace: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!