The timeline

892 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
892
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

The timeline

  1. 1. The Timeline
  2. 2. Introduction Current Open Graph  connecting with "Like" button  Facebook pages  websites  ex: "Milan likes Coca Cola", "Milan likes a link" New Open Graph  connect with what you want to and how you want to  ex: "Milan read Slovak Government Down on BBC”
  3. 3. Website application Create an application Authenticate user Define action, object and aggregation Publish actions Submit actions for approval
  4. 4. Authenticate user<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js"></script><script> FB.init({ appId:YOUR_APP_ID, cookie:true, status:true, xfbml:true, oauth:true });</script><fb:add-to-timeline></fb:add-to-timeline>
  5. 5. Authenticate user<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js"></script><script> FB.init({ appId:YOUR_APP_ID, cookie:true, status:true, xfbml:true, oauth:true });</script><fb:add-to-timeline></fb:add-to-timeline>
  6. 6. Define actions and objects action - describe what users do on the website by one verb object type - object involved in the action
  7. 7. Define an aggregation Aggregates stories actions on users timeline   data display (action)  layout style  sort by  title  caption lines
  8. 8. Publish actions<head prefix="og: http://ogp.me/ns# APP_NAMESPACE: http://ogp.me/ns/apps/APP_NAMESPACE#"> <meta property="fb:app_id" content="APP_ID" /> <meta property="og:type" content="APP_NAMESPACE:recipe" /> <meta property="og:title" content="Stuffed Cookies" /> <meta property="og:image" content="http://example.com/cookie.jpg" /> <meta property="og:description" content="The Turducken of Cookies" /> <meta property="og:url" content="http://example.com/cookie.html" /> <script type="text/javascript"> function postCook() { FB.api(/me/APP_NAMESPACE:cook + ?recipe=http://example.com/cookie.html,post, function(response) { if (!response || response.error) { alert(Error occured); } else { alert(Post was successful! Action ID: + response.id); } }); } </script></head>
  9. 9. Publish actions<head prefix="og: http://ogp.me/ns# APP_NAMESPACE: http://ogp.me/ns/apps/APP_NAMESPACE#"> <meta property="fb:app_id" content="APP_ID" /> <meta property="og:type" content="APP_NAMESPACE:recipe" /> <meta property="og:title" content="Stuffed Cookies" /> <meta property="og:image" content="http://example.com/cookie.jpg" /> <meta property="og:description" content="The Turducken of Cookies" /> <meta property="og:url" content="http://example.com/cookie.html" /> <script type="text/javascript"> function postCook() { FB.api(/me/APP_NAMESPACE:cook + ?recipe=http://example.com/cookie.html,post, function(response) { if (!response || response.error) { alert(Error occured); } else { alert(Post was successful! Action ID: + response.id); } }); } </script></head>
  10. 10. Demo http://blog.mist.sk
  11. 11. Milan STESKAL@milansteskal @facebookDevSkfacebook.com/groups/188066214578728/

×