Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The next level of social integration

5,434 views

Published on

  • Be the first to comment

The next level of social integration

  1. 1. The next level of social integration @matclayton
  2. 2. who am I?
  3. 3. It doesnʼt apply to my industry @matclayton
  4. 4. @matclayton
  5. 5. @matclayton
  6. 6. @matclayton
  7. 7. Industries are falling @matclayton
  8. 8. Industries are falling•Communications @matclayton
  9. 9. Industries are falling•Communications•Games @matclayton
  10. 10. Industries are falling•Communications•Games•Media (Music, Video, News) @matclayton
  11. 11. Industries are falling•Communications•Games•Media (Music, Video, News)•Lifestyle @matclayton
  12. 12. Industries are falling•Communications•Games•Media (Music, Video, News)•Lifestyle•Search??? @matclayton
  13. 13. Industries are falling•Communications•Games•Media (Music, Video, News)•Lifestyle•Search???•E-commerce??? @matclayton
  14. 14. get to the highest ground @matclayton
  15. 15. Does FB make sense?<div id=”fb-root”></div><script> window.fbAsyncInit = function(){ FB.init({ appId:‘YOUR ID’, status:true, cookie:true, xfbml:true}); FB.getLoginStatus(function(response){ _gaq.push([‘_trackEvent’, ’FB’, ‘status’, response.status]); }); }; // Load the SDK Asynchronously (function(d){ var js, id = facebook-jssdk; if (d.getElementById(id)) {return;} js = d.createElement(script); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js"; d.getElementsByTagName(head)[0].appendChild(js); }(document));</script> @matclayton
  16. 16. F8 changed the game @matclayton
  17. 17. Timeline @matclayton
  18. 18. Ticker @matclayton
  19. 19. Custom Open Graph @matclayton
  20. 20. Authentication @matclayton
  21. 21. Building kickass social products @matclayton
  22. 22. I’m in,what do I have to do? CommunityCommunication Identity @matclayton
  23. 23. @matclayton
  24. 24. @matclayton
  25. 25. @matclayton
  26. 26. Objects and Actions @matclayton
  27. 27. @matclayton
  28. 28. @matclayton
  29. 29. @matclayton
  30. 30. http://www.facebook.com/insights/
  31. 31. @matclayton
  32. 32. Bonus Tip: Demographic information
  33. 33. Objects: Open Graph Tags @matclayton
  34. 34. http://developers.facebook.com/tools/lint/ @matclayton
  35. 35. Google is paying attention
  36. 36. Tag Tips• Open graph tags on objects not actions.• “Secret” admin panel• Not all tags are equal. Article, Music, Video•make sure to add fb:admins for insights• Open graph pages can post to users @matclayton
  37. 37. @matclayton
  38. 38. @matclayton
  39. 39. Objects and Actions @matclayton
  40. 40. @matclayton
  41. 41. Custom Actions @matclayton
  42. 42. @matclayton
  43. 43. @matclayton
  44. 44. @matclayton
  45. 45. http://www.facebook.com/insights/ @matclayton
  46. 46. Think about the system @matclayton
  47. 47. add friends?
  48. 48. • Why is there no dislike button? @matclayton
  49. 49. density is king
  50. 50. @matclayton
  51. 51. @matclayton
  52. 52. Get data from appdata.com Text @matclayton
  53. 53. @matclayton
  54. 54. Authentication @matclayton
  55. 55. @matclayton
  56. 56. @matclayton
  57. 57. AuthenticationFB.getLoginStatus(function (response) { if (response.status==connected) { // logged in and connected user, someone we know window.location.reload(); } else if (response.status==notConnected) { // Simplist way to check referrer for incoming FB // Google users if (document.referrer.indexOf(facebook.com) != -1 || document.referrer.indexOf(www.google) != -1){ // no user session available, someone you dont know, // but they have FB signed in. } }});
  58. 58. @matclayton
  59. 59. Customize landing page @matclayton
  60. 60. @matclayton
  61. 61. PersonalisationPersonalisation @matclayton
  62. 62. @matclayton
  63. 63. @matclayton
  64. 64. Facepile @matclayton
  65. 65. Plugins<fb:recommendations <fb:activity site="mixcloud.com"> site="mixcloud.com"></fb:recommendations> </fb:activity> @matclayton
  66. 66. http://developers.facebook.com/docs/reference/plugins/recommendationsbar/
  67. 67. widgets
  68. 68. Conversation @matclayton
  69. 69. @matclayton
  70. 70. Complexity @matclayton
  71. 71. Spark @matclayton
  72. 72. @matclayton
  73. 73. Notifications
  74. 74. Distributionhttp://www.slideshare.net/matclayton/mozcon-seattle-2011-social-design
  75. 75. Please get in touchWeʼre keen to hear your thoughtsEmail: mat@mixcloud.comTwitter: @matclayton / @mixcloudCode: https://gist.github.com/1306158 https://gist.github.com/975939

×