Presentation is loading. Please wait.

Presentation is loading. Please wait.

Social Channels Cat Lee Program Manager, Developer Relations facebook.com/cat Driving traffic to your app.

Similar presentations


Presentation on theme: "Social Channels Cat Lee Program Manager, Developer Relations facebook.com/cat Driving traffic to your app."— Presentation transcript:

1 Social Channels Cat Lee Program Manager, Developer Relations facebook.com/cat Driving traffic to your app

2 Discover. Share.

3 Our friends shape our online experiences and inform our decisions...just as they do in the real world.

4 Facebook Platform Graph API User, App, Page, Credits, Places, Ads Standards HTTP, HTML5, JSON, OAuth, Open Graph WebsitesMobile Apps on Facebook Social PluginsDialogs

5 Requests Automatic Channels News Feed

6 1 2 Like Button and Comments Box Feed Dialog

7 Like Button and Comments Box 1

8

9 Publishing to Open Graph Pages

10 Demo

11 Comments Your website Facebook 1

12 No app authorization required Publish stories to News Feed with rich attachments Feed Dialog 2

13 var publish = { method: ‘feed’, message: ‘Showing off the Feed Dialog’, name: ‘Name here’, caption: ‘Caption here’, description: ( ‘Description here’ ), link: ‘http://localhost:8888/feed2.html’,http://localhost:8888/feed2.html picture: ‘http://hsiet.com/test/images/2005_thomas_fogarty_cab.jpg’,5_thomas_fogarty_cab.jpg’, actions: [ { name: ‘Action he{ name: ‘Action here’, link: ‘https://apps.facebook.com/awesomecat/’ } ], user_message_prompt: ‘Test’ }; Attachments name message caption description link picture media actions

14 var publish = { method: ‘feed’, message: ‘Showing off the Feed Dialog’, name: ‘Name here’, caption: ‘Caption here’, description: ( ‘Description here’ ), link: ‘http://localhost:8888/feed2.html’,http://localhost:8888/feed2.html picture: ‘http://hsiet.com/test/images/2005_thomas_fogarty_cab.jpg’,5_thomas_fogarty_cab.jpg’, actions: [ { name: ‘Action he{ name: ‘Action here’, link: ‘https://apps.facebook.com/awesomecat/’ } ], user_message_prompt: ‘Test’ }; Attachments feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback')); name message caption description link picture media actions

15 var publish = { method: ‘feed’, message: ‘Showing off the Feed Dialog’, name: ‘Name here’, caption: ‘Caption here’, description: ( ‘Description here’ ), link: ‘http://localhost:8888/feed2.html’,http://localhost:8888/feed2.html picture: ‘http://hsiet.com/test/images/2005_thomas_fogarty_cab.jpg’,5_thomas_fogarty_cab.jpg’, actions: [ { name: ‘Action he{ name: ‘Action here’, link: ‘https://apps.facebook.com/awesomecat/’ } ], user_message_prompt: ‘Test’ }; Attachments feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback')); name message caption description link picture media actions

16 var publish = { method: ‘feed’, message: ‘Showing off the Feed Dialog’, name: ‘Name here’, caption: ‘Caption here’, description: ( ‘Description here’ ), link: ‘http://localhost:8888/feed2.html’,http://localhost:8888/feed2.html picture: ‘http://hsiet.com/test/images/2005_thomas_fogarty_cab.jpg’,5_thomas_fogarty_cab.jpg’, actions: [ { name: ‘Action he{ name: ‘Action here’, link: ‘https://apps.facebook.com/awesomecat/’ } ], user_message_prompt: ‘Test’ }; Attachments feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback')); name message caption description link picture media actions

17 var publish = { method: ‘feed’, message: ‘Showing off the Feed Dialog’, name: ‘Name here’, caption: ‘Caption here’, description: ( ‘Description here’ ), link: ‘http://localhost:8888/feed2.html’,http://localhost:8888/feed2.html picture: ‘http://hsiet.com/test/images/2005_thomas_fogarty_cab.jpg’,5_thomas_fogarty_cab.jpg’, actions: [ { name: ‘Action he{ name: ‘Action here’, link: ‘https://apps.facebook.com/awesomecat/’ } ], user_message_prompt: ‘Test’ }; Attachments feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback')); name message caption description link picture media actions

18 var publish = { method: ‘feed’, message: ‘Showing off the Feed Dialog’, name: ‘Name here’, caption: ‘Caption here’, description: ( ‘Description here’ ), link: ‘http://localhost:8888/feed2.html’,http://localhost:8888/feed2.html picture: ‘http://hsiet.com/test/images/2005_thomas_fogarty_cab.jpg’,5_thomas_fogarty_cab.jpg’, actions: [ { name: ‘Action he{ name: ‘Action here’, link: ‘https://apps.facebook.com/awesomecat/’ } ], user_message_prompt: ‘Test’ }; Attachments feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback')); name message caption description link picture media actions

19 var publish = { method: ‘feed’, message: ‘Showing off the Feed Dialog’, name: ‘Name here’, caption: ‘Caption here’, description: ( ‘Description here’ ), link: ‘http://localhost:8888/feed2.html’,http://localhost:8888/feed2.html picture: ‘http://hsiet.com/test/images/2005_thomas_fogarty_cab.jpg’,5_thomas_fogarty_cab.jpg’, actions: [ { name: ‘Action he{ name: ‘Action here’, link: ‘https://apps.facebook.com/awesomecat/’ } ], user_message_prompt: ‘Test’ }; Attachments feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback')); name message caption description link picture media actions

20 var publish = { method: ‘feed’, message: ‘Showing off the Feed Dialog’, name: ‘Name here’, caption: ‘Caption here’, description: ( ‘Description here’ ), link: ‘http://localhost:8888/feed2.html’,http://localhost:8888/feed2.html picture: ‘http://hsiet.com/test/images/2005_thomas_fogarty_cab.jpg’,5_thomas_fogarty_cab.jpg’, actions: [ { name: ‘Action he{ name: ‘Action here’, link: ‘https://apps.facebook.com/awesomecat/’ } ], user_message_prompt: ‘Test’ }; Attachments feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback')); name message caption description link picture media actions

21 Demo

22 Examples

23 Automatic Channels News Feed Requests

24 1 2 User Generated App Generated

25 User Generated 1 User confirmed via Request Dialog Examples: Gifts, Help in app, Invitations

26 How to send user generated request feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback'));

27 Demo

28 Initiated by app to existing/auth’ed users to re-engage Examples: Turn in game, Updates App Generated 2

29 How to send app generated request feed Publishing to the stream is easy, as all the fields are optional. Just specify what you need, and leave the rest out. var publish = { method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ( 'A small JavaScript library that allows you to harness ' + 'the power of Facebook, bringing the user\'s identity, ' + 'social graph and distribution power to your site.' ), link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ], user_message_prompt: 'Share your thoughts about RELL' }; FB.ui(publish, Log.info.bind('feed callback'));

30 Demo

31 1 2 3 News Feed Requests Automatic Channels

32 Bookmarks Notifications Usage Stories Profile Search

33 Social Channels == Traffic back to your app


Download ppt "Social Channels Cat Lee Program Manager, Developer Relations facebook.com/cat Driving traffic to your app."

Similar presentations


Ads by Google