SlideShare a Scribd company logo
The next level of social
     integration
        @matclayton
who am I?
It doesnʼt apply to my industry

                             @matclayton
@matclayton
@matclayton
@matclayton
Industries are falling




                   @matclayton
Industries are falling

•Communications




                     @matclayton
Industries are falling

•Communications
•Games




                     @matclayton
Industries are falling

•Communications
•Games
•Media (Music, Video, News)




                              @matclayton
Industries are falling

•Communications
•Games
•Media (Music, Video, News)
•Lifestyle



                              @matclayton
Industries are falling

•Communications
•Games
•Media (Music, Video, News)
•Lifestyle
•Search???


                              @matclayton
Industries are falling

•Communications
•Games
•Media (Music, Video, News)
•Lifestyle
•Search???
•E-commerce???
                              @matclayton
get to the highest ground




                            @matclayton
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
F8 changed the game




          @matclayton
Timeline




           @matclayton
Ticker




         @matclayton
Custom Open Graph




                    @matclayton
Authentication




     @matclayton
Building kickass social products
                            @matclayton
I’m in,what do I have to do?

                  Community




Communication     Identity

                        @matclayton
@matclayton
@matclayton
@matclayton
Objects and Actions




                  @matclayton
@matclayton
@matclayton
@matclayton
http://www.facebook.com/insights/
@matclayton
Bonus Tip: Demographic information
Objects: Open Graph Tags




                   @matclayton
http://developers.facebook.com/tools/lint/




                                 @matclayton
Google is paying attention
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
@matclayton
@matclayton
Objects and Actions




                  @matclayton
@matclayton
The next level of social integration
Custom Actions




                 @matclayton
@matclayton
@matclayton
@matclayton
http://www.facebook.com/insights/
                                    @matclayton
Think about the system
                         @matclayton
add friends?
The next level of social integration
• Why is there no dislike button?




                                    @matclayton
density is king
@matclayton
@matclayton
Get data from appdata.com




         Text




                            @matclayton
@matclayton
Authentication




                 @matclayton
The next level of social integration
The next level of social integration
@matclayton
@matclayton
Authentication
FB.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.
     }
  }
});
@matclayton
Customize landing page




                  @matclayton
@matclayton
Personalisation




Personalisation
                          @matclayton
The next level of social integration
The next level of social integration
The next level of social integration
@matclayton
@matclayton
Facepile




           @matclayton
Plugins




<fb:recommendations        <fb:activity
    site="mixcloud.com">       site="mixcloud.com">
</fb:recommendations>      </fb:activity>

                                         @matclayton
http://developers.facebook.com/docs/reference/plugins/recommendationsbar/
widgets
Conversation
               @matclayton
@matclayton
Complexity
             @matclayton
Spark
        @matclayton
@matclayton
Notifications
Distribution




http://www.slideshare.net/matclayton/
mozcon-seattle-2011-social-design
Please get in touch
Weʼre keen to hear your thoughts

Email: mat@mixcloud.com
Twitter: @matclayton / @mixcloud
Code: https://gist.github.com/1306158 https://gist.github.com/975939

More Related Content

PDF
Social Media Moneyball by: Rob Kischuk
KEY
16 Best Practices of B2B Corporate Blogging
PDF
Social Media Moneyball
PDF
PeopleMatter: Social Recruiting with Craig Fisher Webinar
PPTX
École d'été: Web Science and the Mind :UQAM
PDF
Link or Sink
PPTX
PR Your Way to the Top of Google
PPT
Marketing Your Ad2action Landing Pages With Twitter
Social Media Moneyball by: Rob Kischuk
16 Best Practices of B2B Corporate Blogging
Social Media Moneyball
PeopleMatter: Social Recruiting with Craig Fisher Webinar
École d'été: Web Science and the Mind :UQAM
Link or Sink
PR Your Way to the Top of Google
Marketing Your Ad2action Landing Pages With Twitter

Viewers also liked (7)

PPT
A problem with the Long Tail
PPTX
Mobile UX
PPTX
Jesus the alpha and omega
PPTX
Audience feedback
PDF
The Future Of On-Demand Services (Semil Shah)
PDF
Luke Wroblewski, LukeW, Warm Gun 2012
KEY
Thoughts on Growth
A problem with the Long Tail
Mobile UX
Jesus the alpha and omega
Audience feedback
The Future Of On-Demand Services (Semil Shah)
Luke Wroblewski, LukeW, Warm Gun 2012
Thoughts on Growth
Ad

Similar to The next level of social integration (20)

PPT
092211 smash-ankur.pansari-facebook
PPT
Facebook / Smash Summit
PPT
Customer Acquisition on Facebook
PPT
Using Facebook Twitter & Blogs For Business
PDF
Facebook Platform for Developers
PDF
Build social apps for Facebook
PDF
Tweetup Michiana Facebook Fan Page Tips & TabSite Tool
PPTX
Facebook Research
PPT
Facebook
PPTX
Introduction to facebook sdk
PPT
Introducing Facebook
PDF
Facebook open graph
PPTX
Facebook for Nonprofits
PDF
Facebook Inside Out
KEY
MozCon Seattle 2011 - Social Design
PPTX
Socialmedia seminar-sampling
PDF
F8 Platform Updates - Training and Break Outs on Incorporating New Features
PDF
Facebook Case Study
PPT
Facebook Mobile Marketing by SnipClip
PDF
092211 smash-ankur.pansari-facebook
Facebook / Smash Summit
Customer Acquisition on Facebook
Using Facebook Twitter & Blogs For Business
Facebook Platform for Developers
Build social apps for Facebook
Tweetup Michiana Facebook Fan Page Tips & TabSite Tool
Facebook Research
Facebook
Introduction to facebook sdk
Introducing Facebook
Facebook open graph
Facebook for Nonprofits
Facebook Inside Out
MozCon Seattle 2011 - Social Design
Socialmedia seminar-sampling
F8 Platform Updates - Training and Break Outs on Incorporating New Features
Facebook Case Study
Facebook Mobile Marketing by SnipClip
Ad

Recently uploaded (20)

PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PPTX
1. Introduction to Computer Programming.pptx
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Getting Started with Data Integration: FME Form 101
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Empathic Computing: Creating Shared Understanding
PPTX
A Presentation on Artificial Intelligence
PDF
Machine learning based COVID-19 study performance prediction
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
August Patch Tuesday
PPTX
TLE Review Electricity (Electricity).pptx
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
Building Integrated photovoltaic BIPV_UPV.pdf
Heart disease approach using modified random forest and particle swarm optimi...
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
1. Introduction to Computer Programming.pptx
NewMind AI Weekly Chronicles - August'25-Week II
SOPHOS-XG Firewall Administrator PPT.pptx
Accuracy of neural networks in brain wave diagnosis of schizophrenia
Mobile App Security Testing_ A Comprehensive Guide.pdf
Getting Started with Data Integration: FME Form 101
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Empathic Computing: Creating Shared Understanding
A Presentation on Artificial Intelligence
Machine learning based COVID-19 study performance prediction
Per capita expenditure prediction using model stacking based on satellite ima...
August Patch Tuesday
TLE Review Electricity (Electricity).pptx
Advanced methodologies resolving dimensionality complications for autism neur...

The next level of social integration

Editor's Notes

  • #2: \n
  • #3: \n
  • #4: Why bother? I sell stuff online, my industry isn&amp;#x2019;t social.\n\n800M users, 500M use platform monthly.\n\n\n
  • #5: \n
  • #6: \n
  • #7: \n
  • #8: \n
  • #9: \n
  • #10: \n
  • #11: \n
  • #12: \n
  • #13: \n
  • #14: Building a product is like someone telling you to get to the highest piece of land.\n You&amp;#x2019;ll climb a hill, and finally reach the top, only discover there is a mountain behind it.\n Two choices, go down and climb back up , or stay still. Social is that next mountain someone in your industry is climbing it. You have to risk it all to get there though.\n P.S There is always another mountain.\n
  • #15: \n
  • #16: \n
  • #17: Your page is one of the top viewed pages on FB\n
  • #18: Passive , lighter touch sharing. \n\nStuff you want to share but you dont want to annoy your friends.\n\nActions go onto Ticker\nAggregations of interesting stuff goes onto Timeline and newsfeed\nPeople are objecting, bear in mind 2M people out of 12M users joined a group about news feed when it launched... They saw the stats.... refresh refresh refresh... so ignored it.\n\n
  • #19: \n
  • #20: \n
  • #21: \n
  • #22: Core\n Identity\n Communication\n Community\n
  • #23: Social networking sites have 3 key parts\n\n1. Identity, this includes not only your &amp;#x201C;profile&amp;#x201D; but any badges/awards/points\n2. Communication\n3. Community \n
  • #24: Communication is often misunderstood\n\nMost assume its distribution, and SHOUTING..... its not its a two way street\n
  • #25: Consumption is a massive driver of retention... always overlooked, (sharkfin)\n\nBut also strangely you see the following...\n\nDistribution drives consumption, but also consumption drives distribution = Growth + Retention increase\n\n\n
  • #26: \n
  • #27: like it, this is what the &amp;#x201C;like&amp;#x201D; button does internally within the graph\n
  • #28: \n
  • #29: \n
  • #30: \n
  • #31: \n
  • #32: Using Like buttons to track demographics,\n\nYou can either hide them, or make them public. Hiding will screw the stats.\n
  • #33: Define the &amp;#x201C;object&amp;#x201D;\n\nTitle and image&amp;#x2019;s lock after 10? likes (images and title)\n\nIf you are debating SOCIAL put these tags on your site and start checking out insights straight away, see if there is anyone already sharing your content.\n\nRequired. title, type, image, url.... just for FB ensure you have site and fb:admins as well\n\nembedding flash to or not depends on what you want to optimize for.\n\nTOP TIP, never use # in urls, it buggers up insights totally. \n\nOfficial line is they will all be merged, I&amp;#x2019;m pretty sure it just dumps them entirely, do some tests.\n\nAlso #! urls work as well (google ajax crawling spec) but dont do that its bad for everyone, pjax it up :)\n\n
  • #34: Facebook linter, good at spotting tagging issues, things like duplicates can throw a real spanner in the works.\n\nFlush the FB cache with it, for example if you have uploaded the wrong image\n\nCan also be done programatically\n
  • #35: \n
  • #36: There was this trend of publishing/liking actions for a long time this does not work, people don&amp;#x2019;t reshare/like that\n\nArticle, blocked posting to the &amp;#x201C;page&amp;#x201D; so dont use it.\n\nfb:admin fb:app_id\n\nMake sure you have a favicon as well.\n
  • #37: \n
  • #38: \n
  • #39: \n
  • #40: \n
  • #41: \n
  • #42: \n
  • #43: \n
  • #44: \n
  • #45: \n
  • #46: Think of the system and not the user. \n\nWhat does the system want?\n
  • #47: \n
  • #48: 2 Stories - facebook photos, not the best product on the planet, buts its one of the most successful, why tagging!\n\nIts bigger than all the competition (that includes flickr) combined.... times 5.....\n\n\n
  • #49: What do you think dislike doesn&amp;#x2019;t exist?\n
  • #50: \n
  • #51: Retention is the key to everything. Retention = Growth\n Obvious patterns to success\n
  • #52: Hard core users wont leave and drag on, everything above that line is casual users.\n\nThe fight is won and lost over casual users, keep a very close eye on retention\n
  • #53: appdata.com\n\n
  • #54: You have to build trust and relationships\n Retention is the key to everything. Retention = Growth\n Obvious patterns to success\n
  • #55: Authentication = real identity\n
  • #56: \n
  • #57: \n
  • #58: \n
  • #59: \n
  • #60: \n
  • #61: Guess what this did to traffic?\n
  • #62: 55% reduction in bounce for FB users (38%-&gt;17% bounce rate, for FB traffic)\nSlight dip and recovery of Time on site, now back to our usual 12min (logged out time)\n\n80% increase in signup rate\n\nBiggest shift in site usage to date.\n
  • #63: OAuth 2.0 + FB JS Kit only\n\nUse the Facepile Social Plugin\n\nOfficial Facebook line is that each permission causes a CTR drop of about 3% (massive Standard deviation though)\nHowever I dont agree, asking for email caused a 5% increase in CTR...\n
  • #64: One of the biggest mistakes with Social, is using it to power a recommendation engine\n\nSocial is sugar coating, its a magical conversion bullet, not a recommendation one.\n\nIt delivers relevance/trust. \n\n\n
  • #65: One of the biggest mistakes with Social, is using it to power a recommendation engine\n\nSocial is sugar coating, its a magical conversion bullet, not a recommendation one.\n\nIt delivers relevance/trust. \n\n
  • #66: Social Listloaders :)\n\nTechnical nightmare... but worth it!\n\nthankfully I&amp;#x2019;m CTO so I know whats possible when people moan about it :)\n\n\n\n
  • #67: See who listened before you hit play.... Do you think this converts? \n\nWell turns out its about 1% better, (these all add up) \n\nIt has an effect across the entire system, people dont slag off content they know their friends liked/listened to...\n
  • #68: Eric Fisher, Facebook Social Design Strategist\n\nRelationships can be broken down to 2 axis.\n\nFriends and family in the trust area\n\nBrands and people like the pizza boy live bottom left, least trust.\n\nWe need a way to bring the &amp;#x201C;brand&amp;#x201D; into the top right and this is what social design achieves/enables.\n
  • #69: Circle of trust, top right quadrant\n\nFriends and Family vouch for others and they enter the circle of trust\n\n\n
  • #70: \n
  • #71: \n
  • #72: \n
  • #73: \n
  • #74: Pageviews == $$$ either in Ad&amp;#x2019;s or conversions... either way its good. So start a conversation.\n More conversation == more sharing == more users == more conversation ....\n oh and it creates content...\n
  • #75: You need people, or better still friends on the first introduction to the site. Otherwise unless you have stella content no-one will stay.\n
  • #76: Woah, thats complex.... sign up, Bounce rate up... forget it\n
  • #77: Something to trigger a conversation..... maybe set the topic? Dont just expect people to talk without having to do introductions, think about real life.\n\n
  • #78: 58% increase in comments (also manual check of comments reveal that there was way less spam)\n
  • #79: \n
  • #80: \n
  • #81: Contact details\n