SlideShare a Scribd company logo
1 of 65
Social Design
   @matclayton
Social Design
why is social so effective?
Recommend me a film
Stars and Reviews
Whats the social
   graph?
Open Graph
Open Graph Tags
http://developers.facebook.com/tools/lint/
Tag Tips
• Open graph tags on objects not actions.
• “Secret” admin panel
• DO NOT USE the “article” type
• make sure to add fb:admins for insights
• Open graph pages can post to users
Creating Edges
Like, Send, Share, Requests 2.0
         Optimization
www.facebook.com/insights
Like
Code
<fb:like href="..." ref="my_ref"></fb:like>

 <div id="fb-root"></div>
 <script>
  (function() {
        window.fbAsyncInit = function() {
           FB.Event.subscribe('edge.create', function(response) {
               _gaq.push(['page', 'like', response]);
           });
           FB.Event.subscribe('edge.remove', function(response) {
               _gaq.push(['page', 'unlike', response]);
           });
        };
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js#xfbml=1';
    document.getElementById('fb-root').appendChild(e);
  }());
 </script>
www.facebook.com/insights
Like Tips
• Use XFBML not iFrames
   • Higher weighting
   • Commenting/cleaner ui
• Don’t use the demo code, it blocks
• Point the url to the creation object not the current page
   • Aggregates likes to onto single object
   • Create a good reason to post new updates to user
• Track them! In Insights + Google Analytics
• Touch point for FB signup
Send
Code

<fb:like href="..." send=”true” ref="my_ref"></fb:like>

        <div id="fb-root"></div>
        <script>
         (function() {
               window.fbAsyncInit = function() {
                  FB.Event.subscribe('message.send', function(response) {
                      _gaq.push(['object', 'send', response]);
                  });
               };
           var e = document.createElement('script'); e.async = true;
           e.src = document.location.protocol +
             '//connect.facebook.net/en_US/all.js#xfbml=1';
           document.getElementById('fb-root').appendChild(e);
         }());
        </script>
Send Tips


• Dont expect good results....... yet, maybe in time
• Users still don’t understand it.
• CTR’s are low
• No fan out distribution effect
• :(
Requests 2.0
Code

FB.ui({
          method: 'apprequests',
          message: 'You should visit Mixcloud.'
});
Comments
Share
<script>
  FB.ui({                      Code
       method: 'feed',
       message: 'getting educated about Facebook Connect',
       name: 'Connect',
       caption: 'The Facebook Connect JavaScript SDK',
       description: ‘Description goes here’,
       link: 'http://fbrell.com/',
       picture: 'http://fbrell.com/f8.jpg',
       actions: [
           { name: 'fbrell', link: 'http://fbrell.com/' }
       ]
  },function(response) {
       if (response && response.post_id) {
         _gaq.push(['share',
                        'success']);
      } else {
         _gaq.push(['share',
                        'fail']);
      }
  });
</script>
Feed Dialog Tips
• Stop using sharer.php
• Fb.ui works for logged out users as well
• Dont include action link(s)
• Share objects not actions
  • users more likely to add message
• Touch point for FB Connect signup
• Can directly post to another users wall
Edge Rank
News Feed Optimization (NFO)
News Feed Optimization

• Create engaging content, encourage likes/
  shares/comments

• Increase affinity between users (Friend
  Dialog)

• Create > Share > Comment > Like
• Reduce time period of activity
Social Search
Its a bit of a mystery
• Graph traversal algorithm, minimum distance

   • based on likes / friend graph

• Dynamically calculated per user per query

• Dont keyword stuff, brand title seems to work best, space
   seperated

   • E.g. “Diet Coke” not “DietCoke”

• Page titles are locked after 100? likes so choose carefully

• Exact keyword matching only
Facebook Connect
identify, distribution and community
1. Authenticate
 identity + permissions
Advanced FB targetting

FB.getLoginStatus(function (response) {
    if (response.status=='connected') {
        // Auto log the user in
    } else if (response.status=='notConnected') {
        // Signup with Facebook Dialog
    }
});
Customize landing page
2. Personalize
  add social context
Artfinder.com
iFrame
 <iframe src="http://www.facebook.com/plugins/activity.php?
 site=mixcloud.com&amp;width=300&amp;height=300&amp;header=tr
 ue&amp;colorscheme=light&amp;font&amp;border_color&amp;recom
 mendations=false" scrolling="no" frameborder="0" style="border:none;
 overflow:hidden; width:300px; height:300px;"
 allowTransparency="true"></iframe>



XFBML
 <fb:activity site="mixcloud.com" width="300" height="300"></fb:activity>
3. Drive Distribution
make it easy to share / contribute back
Please get in touch
Weʼre keen to hear your thoughts

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

More Related Content

What's hot

Facebook / Smash Summit
Facebook / Smash SummitFacebook / Smash Summit
Facebook / Smash SummitAnkur Pansari
 
What to do for your Business Online
What to do for your Business OnlineWhat to do for your Business Online
What to do for your Business OnlineLacey Faught
 
Th35 Social Media Presentation
Th35 Social Media PresentationTh35 Social Media Presentation
Th35 Social Media PresentationSandy Lender
 
Creating Your WordPress Web Site
Creating Your WordPress Web SiteCreating Your WordPress Web Site
Creating Your WordPress Web Sitemythicgroup
 
Google Search Volume Experiment
Google Search Volume ExperimentGoogle Search Volume Experiment
Google Search Volume ExperimentRand Fishkin
 
Bloggin' Along: Bargains for Businesses
Bloggin' Along: Bargains for BusinessesBloggin' Along: Bargains for Businesses
Bloggin' Along: Bargains for BusinessesBetzi Paz
 
History of Search Engines and SEO
History of Search Engines and SEOHistory of Search Engines and SEO
History of Search Engines and SEOOllie 'Fil' Boyd
 
Putting Almost No-cost Web-based Tools to Work for Small Business
Putting Almost No-cost Web-based Tools to Work for Small BusinessPutting Almost No-cost Web-based Tools to Work for Small Business
Putting Almost No-cost Web-based Tools to Work for Small BusinessRich Brooks
 
Surviving Personalization with Bing and Google - SMX Advanced 2012
Surviving Personalization with Bing and Google - SMX Advanced 2012Surviving Personalization with Bing and Google - SMX Advanced 2012
Surviving Personalization with Bing and Google - SMX Advanced 2012Rhea Drysdale
 
Reputation Management: Monitoring Your Brand Online, Pubcon Vegas 2010
Reputation Management: Monitoring Your Brand Online, Pubcon Vegas 2010Reputation Management: Monitoring Your Brand Online, Pubcon Vegas 2010
Reputation Management: Monitoring Your Brand Online, Pubcon Vegas 2010Rhea Drysdale
 
Developer Grade SEO - part II
Developer Grade SEO - part IIDeveloper Grade SEO - part II
Developer Grade SEO - part IIPhil Buckley
 
Site Audits in 10 Minutes
Site Audits in 10 MinutesSite Audits in 10 Minutes
Site Audits in 10 MinutesJon Quinton
 

What's hot (15)

Facebook / Smash Summit
Facebook / Smash SummitFacebook / Smash Summit
Facebook / Smash Summit
 
What to do for your Business Online
What to do for your Business OnlineWhat to do for your Business Online
What to do for your Business Online
 
Th35 Social Media Presentation
Th35 Social Media PresentationTh35 Social Media Presentation
Th35 Social Media Presentation
 
Web 2.0 Marketing (Part 1)
Web 2.0 Marketing (Part 1)Web 2.0 Marketing (Part 1)
Web 2.0 Marketing (Part 1)
 
Dive in to SEO
Dive in to SEODive in to SEO
Dive in to SEO
 
Creating Your WordPress Web Site
Creating Your WordPress Web SiteCreating Your WordPress Web Site
Creating Your WordPress Web Site
 
Google Search Volume Experiment
Google Search Volume ExperimentGoogle Search Volume Experiment
Google Search Volume Experiment
 
Bloggin' Along: Bargains for Businesses
Bloggin' Along: Bargains for BusinessesBloggin' Along: Bargains for Businesses
Bloggin' Along: Bargains for Businesses
 
History of Search Engines and SEO
History of Search Engines and SEOHistory of Search Engines and SEO
History of Search Engines and SEO
 
Putting Almost No-cost Web-based Tools to Work for Small Business
Putting Almost No-cost Web-based Tools to Work for Small BusinessPutting Almost No-cost Web-based Tools to Work for Small Business
Putting Almost No-cost Web-based Tools to Work for Small Business
 
Surviving Personalization with Bing and Google - SMX Advanced 2012
Surviving Personalization with Bing and Google - SMX Advanced 2012Surviving Personalization with Bing and Google - SMX Advanced 2012
Surviving Personalization with Bing and Google - SMX Advanced 2012
 
Reputation Management: Monitoring Your Brand Online, Pubcon Vegas 2010
Reputation Management: Monitoring Your Brand Online, Pubcon Vegas 2010Reputation Management: Monitoring Your Brand Online, Pubcon Vegas 2010
Reputation Management: Monitoring Your Brand Online, Pubcon Vegas 2010
 
Developer Grade SEO - part II
Developer Grade SEO - part IIDeveloper Grade SEO - part II
Developer Grade SEO - part II
 
Wordpress Search Engine (SEO)
Wordpress Search Engine (SEO)Wordpress Search Engine (SEO)
Wordpress Search Engine (SEO)
 
Site Audits in 10 Minutes
Site Audits in 10 MinutesSite Audits in 10 Minutes
Site Audits in 10 Minutes
 

Similar to Social Design - ProSEO

Leveraging Rails to Build Facebook Apps
Leveraging Rails to Build Facebook AppsLeveraging Rails to Build Facebook Apps
Leveraging Rails to Build Facebook AppsDavid Keener
 
Building Facebook Apps
Building Facebook AppsBuilding Facebook Apps
Building Facebook AppsDavid Keener
 
Introduction to Facebook JavaScript & Python SDK
Introduction to Facebook JavaScript & Python SDKIntroduction to Facebook JavaScript & Python SDK
Introduction to Facebook JavaScript & Python SDKColin Su
 
Workshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDKWorkshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDKDimitar Danailov
 
Facebook Connect Integration
Facebook Connect IntegrationFacebook Connect Integration
Facebook Connect Integrationmujahidslideshare
 
Download PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering studentsDownload PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering studentsSkyingBlogger
 
The Flash Facebook Cookbook - FlashMidlands
The Flash Facebook Cookbook - FlashMidlandsThe Flash Facebook Cookbook - FlashMidlands
The Flash Facebook Cookbook - FlashMidlandsJames Ford
 
Facebook Developer Garage Milan
Facebook Developer Garage MilanFacebook Developer Garage Milan
Facebook Developer Garage Milanjleszcze
 
Facebook Open Graph Tech Requirements
Facebook Open Graph Tech RequirementsFacebook Open Graph Tech Requirements
Facebook Open Graph Tech RequirementsAffinitive
 
Facebook Apps Development 101 (Java)
Facebook Apps Development 101 (Java)Facebook Apps Development 101 (Java)
Facebook Apps Development 101 (Java)Damon Widjaja
 
Web app with j query &amp; javascript (5:4)
Web app with j query &amp; javascript (5:4)Web app with j query &amp; javascript (5:4)
Web app with j query &amp; javascript (5:4)Thinkful
 
Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)
Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)
Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)Thinkful
 
World 2013 - Pushing MicroStrategy to the Limit, The Hacker Way
World 2013 - Pushing MicroStrategy to the Limit, The Hacker WayWorld 2013 - Pushing MicroStrategy to the Limit, The Hacker Way
World 2013 - Pushing MicroStrategy to the Limit, The Hacker WayBryan Brandow
 
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePointSPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePointMark Rackley
 
Facebook Platform for Developers
Facebook Platform for DevelopersFacebook Platform for Developers
Facebook Platform for DevelopersLidan Hifi
 
Cordova: Making Native Mobile Apps With Your Web Skills
Cordova: Making Native Mobile Apps With Your Web SkillsCordova: Making Native Mobile Apps With Your Web Skills
Cordova: Making Native Mobile Apps With Your Web SkillsClay Ewing
 
SPTechCon DevDays - SharePoint & jQuery
SPTechCon DevDays - SharePoint & jQuerySPTechCon DevDays - SharePoint & jQuery
SPTechCon DevDays - SharePoint & jQueryMark Rackley
 

Similar to Social Design - ProSEO (20)

Leveraging Rails to Build Facebook Apps
Leveraging Rails to Build Facebook AppsLeveraging Rails to Build Facebook Apps
Leveraging Rails to Build Facebook Apps
 
The social media developer
The social media developer The social media developer
The social media developer
 
Building Facebook Apps
Building Facebook AppsBuilding Facebook Apps
Building Facebook Apps
 
Introduction to Facebook JavaScript & Python SDK
Introduction to Facebook JavaScript & Python SDKIntroduction to Facebook JavaScript & Python SDK
Introduction to Facebook JavaScript & Python SDK
 
Workshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDKWorkshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDK
 
Facebook Connect Integration
Facebook Connect IntegrationFacebook Connect Integration
Facebook Connect Integration
 
Build social apps for Facebook
Build social apps for FacebookBuild social apps for Facebook
Build social apps for Facebook
 
Facebook Connect
Facebook ConnectFacebook Connect
Facebook Connect
 
Download PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering studentsDownload PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering students
 
The Flash Facebook Cookbook - FlashMidlands
The Flash Facebook Cookbook - FlashMidlandsThe Flash Facebook Cookbook - FlashMidlands
The Flash Facebook Cookbook - FlashMidlands
 
Facebook Developer Garage Milan
Facebook Developer Garage MilanFacebook Developer Garage Milan
Facebook Developer Garage Milan
 
Facebook Open Graph Tech Requirements
Facebook Open Graph Tech RequirementsFacebook Open Graph Tech Requirements
Facebook Open Graph Tech Requirements
 
Facebook Apps Development 101 (Java)
Facebook Apps Development 101 (Java)Facebook Apps Development 101 (Java)
Facebook Apps Development 101 (Java)
 
Web app with j query &amp; javascript (5:4)
Web app with j query &amp; javascript (5:4)Web app with j query &amp; javascript (5:4)
Web app with j query &amp; javascript (5:4)
 
Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)
Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)
Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)
 
World 2013 - Pushing MicroStrategy to the Limit, The Hacker Way
World 2013 - Pushing MicroStrategy to the Limit, The Hacker WayWorld 2013 - Pushing MicroStrategy to the Limit, The Hacker Way
World 2013 - Pushing MicroStrategy to the Limit, The Hacker Way
 
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePointSPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
 
Facebook Platform for Developers
Facebook Platform for DevelopersFacebook Platform for Developers
Facebook Platform for Developers
 
Cordova: Making Native Mobile Apps With Your Web Skills
Cordova: Making Native Mobile Apps With Your Web SkillsCordova: Making Native Mobile Apps With Your Web Skills
Cordova: Making Native Mobile Apps With Your Web Skills
 
SPTechCon DevDays - SharePoint & jQuery
SPTechCon DevDays - SharePoint & jQuerySPTechCon DevDays - SharePoint & jQuery
SPTechCon DevDays - SharePoint & jQuery
 

Recently uploaded

الأمن السيبراني - ما لا يسع للمستخدم جهله
الأمن السيبراني - ما لا يسع للمستخدم جهلهالأمن السيبراني - ما لا يسع للمستخدم جهله
الأمن السيبراني - ما لا يسع للمستخدم جهلهMohamed Sweelam
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...ScyllaDB
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...panagenda
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftshyamraj55
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfdanishmna97
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024Lorenzo Miniero
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptxFIDO Alliance
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuidePixlogix Infotech
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxFIDO Alliance
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentationyogeshlabana357357
 
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptxCyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptxMasterG
 
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdfFrisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdfAnubhavMangla3
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...marcuskenyatta275
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxFIDO Alliance
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxFIDO Alliance
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGDSC PJATK
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxFIDO Alliance
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimaginedpanagenda
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsLeah Henrickson
 

Recently uploaded (20)

الأمن السيبراني - ما لا يسع للمستخدم جهله
الأمن السيبراني - ما لا يسع للمستخدم جهلهالأمن السيبراني - ما لا يسع للمستخدم جهله
الأمن السيبراني - ما لا يسع للمستخدم جهله
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cf
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate Guide
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptx
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptxCyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
 
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdfFrisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 

Social Design - ProSEO

  • 1. Social Design @matclayton
  • 2. Social Design why is social so effective?
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 20.
  • 21.
  • 24. Tag Tips • Open graph tags on objects not actions. • “Secret” admin panel • DO NOT USE the “article” type • make sure to add fb:admins for insights • Open graph pages can post to users
  • 25.
  • 26. Creating Edges Like, Send, Share, Requests 2.0 Optimization
  • 28. Like
  • 29. Code <fb:like href="..." ref="my_ref"></fb:like> <div id="fb-root"></div> <script> (function() { window.fbAsyncInit = function() { FB.Event.subscribe('edge.create', function(response) { _gaq.push(['page', 'like', response]); }); FB.Event.subscribe('edge.remove', function(response) { _gaq.push(['page', 'unlike', response]); }); }; var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1'; document.getElementById('fb-root').appendChild(e); }()); </script>
  • 30.
  • 32. Like Tips • Use XFBML not iFrames • Higher weighting • Commenting/cleaner ui • Don’t use the demo code, it blocks • Point the url to the creation object not the current page • Aggregates likes to onto single object • Create a good reason to post new updates to user • Track them! In Insights + Google Analytics • Touch point for FB signup
  • 33. Send
  • 34. Code <fb:like href="..." send=”true” ref="my_ref"></fb:like> <div id="fb-root"></div> <script> (function() { window.fbAsyncInit = function() { FB.Event.subscribe('message.send', function(response) { _gaq.push(['object', 'send', response]); }); }; var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1'; document.getElementById('fb-root').appendChild(e); }()); </script>
  • 35.
  • 36. Send Tips • Dont expect good results....... yet, maybe in time • Users still don’t understand it. • CTR’s are low • No fan out distribution effect • :(
  • 38. Code FB.ui({ method: 'apprequests', message: 'You should visit Mixcloud.' });
  • 40. Share
  • 41.
  • 42. <script> FB.ui({ Code method: 'feed', message: 'getting educated about Facebook Connect', name: 'Connect', caption: 'The Facebook Connect JavaScript SDK', description: ‘Description goes here’, link: 'http://fbrell.com/', picture: 'http://fbrell.com/f8.jpg', actions: [ { name: 'fbrell', link: 'http://fbrell.com/' } ] },function(response) { if (response && response.post_id) { _gaq.push(['share', 'success']); } else { _gaq.push(['share', 'fail']); } }); </script>
  • 43. Feed Dialog Tips • Stop using sharer.php • Fb.ui works for logged out users as well • Dont include action link(s) • Share objects not actions • users more likely to add message • Touch point for FB Connect signup • Can directly post to another users wall
  • 44.
  • 45. Edge Rank News Feed Optimization (NFO)
  • 46.
  • 47. News Feed Optimization • Create engaging content, encourage likes/ shares/comments • Increase affinity between users (Friend Dialog) • Create > Share > Comment > Like • Reduce time period of activity
  • 49. Its a bit of a mystery • Graph traversal algorithm, minimum distance • based on likes / friend graph • Dynamically calculated per user per query • Dont keyword stuff, brand title seems to work best, space seperated • E.g. “Diet Coke” not “DietCoke” • Page titles are locked after 100? likes so choose carefully • Exact keyword matching only
  • 50.
  • 52. 1. Authenticate identity + permissions
  • 53. Advanced FB targetting FB.getLoginStatus(function (response) { if (response.status=='connected') { // Auto log the user in } else if (response.status=='notConnected') { // Signup with Facebook Dialog } });
  • 54.
  • 56.
  • 57. 2. Personalize add social context
  • 58.
  • 59.
  • 60.
  • 62. iFrame <iframe src="http://www.facebook.com/plugins/activity.php? site=mixcloud.com&amp;width=300&amp;height=300&amp;header=tr ue&amp;colorscheme=light&amp;font&amp;border_color&amp;recom mendations=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px;" allowTransparency="true"></iframe> XFBML <fb:activity site="mixcloud.com" width="300" height="300"></fb:activity>
  • 63. 3. Drive Distribution make it easy to share / contribute back
  • 64.
  • 65. Please get in touch Weʼre keen to hear your thoughts Email: mat@mixcloud.com Twitter: @matclayton / @mixcloud Code: https://gist.github.com/975939

Editor's Notes

  1. \n
  2. \n
  3. Search is about finding answers\n\n2 types of questions \nFactual\nSubjective\n\nSearch solves factual, but not subjective.\n\nUsers often have subjective questions, like Recommend me a film, this is what social excels at.\n\nWhen a computer cant answer a question, turn to friends.\n
  4. Eric Fisher, Facebook Social Design Strategist\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
  5. Circle of trust, top right quadrant\n\nFriends and Family vouch for others and they enter the circle of trust\n\n\n
  6. I&amp;#x2019;ve been staying with a close friend in Boston the last few days. But during the day she was at work, so I needed to go out and explore, \n\nFriend recommendations out weigh unknown third parties.\n\nThey know and understand you, personalisation goes a long way.\n\n&amp;#x201C;This place is awesome (local knowledge) you should go&amp;#x201D;, &amp;#x201C;skip that, you&amp;#x2019;ll hate it&amp;#x201D;\n\nEvent like this happen Millions of times a day already on Social networks and you need to figure out how to ride the wave.\n
  7. 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
  8. Communication is often misunderstood\n\nMost assume its distribution, and SHOUTING..... its not its a two way street\n
  9. 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
  10. We have been through this consume/create (review) cycle before, with reviews.\n\nWho are these people?\nThey don&amp;#x2019;t know me?\nDo we share the same interests?\n\nLike is one example of an attempt to solve this issue, by focussing on the top right quadrant or trust, engaging the user\n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. Lets add a new type of node.... a webpage..... (or domain)\n
  21. like it, this is what the &amp;#x201C;like&amp;#x201D; button does internally within the graph\n
  22. Define the &amp;#x201C;object&amp;#x201D;\n\nTitle and image&amp;#x2019;s lock after 10? likes (images and title)\n\nembedding flash to or not depends on what you want to optimize for.\n\nRequired. title, type, image, url.... just for FB ensure you have site and fb:admins as well\n
  23. 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
  24. 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
  25. \n
  26. \n
  27. \n
  28. Like objects not actions\n\nobjects produce content = returning users\n\nincentivise.... ( if you want, but its against T&amp;Cs)\n\nEvery new like adds another page to the graph, its better to keep a small set with lots of likes than spreading them out.\n\n\n\n\n\n
  29. Default code examples are synchronous, the block horribly. Use this example to do async + GA tracking of events\n\niFrame version a second class citizen\n\n
  30. GA breakdown of types of objects being liked, from here we can put this data into our normal dashboard and data analysis can have a look at it.\n
  31. remember those admin tags..... now goto www.facebook.com/insights/ and we can start getting to the real data.\n
  32. \n
  33. \n
  34. Default code examples are synchronous, use this example to do async + GA tracking of events\n
  35. \n
  36. \n
  37. Massively effective for invite mechanics...\n\nWho actually runs these?\n
  38. \n
  39. Remember that you can post as a brand as well\n
  40. Ditch sharer.php, old and unsupported\n\nhttp://www.facebook.com/sharer.php?u=url&amp;t=title\n\nWorks for logged in and out users, \n
  41. \n
  42. actions is a historical bug, but you can only have one action, and you shouldn&amp;#x2019;t\n
  43. No action links\n\nFocus on objects and allow the user to define the reason in the messaging.\n\nAwesome touch point for signup\n\nIf you want to do more advanced integrations it is possible. For example you can target specific users but you need to get the uid first, good for invites....\n
  44. Realtime, so ignore the last day drop off (has stalled a few times) \n\nNote share is way more effective than like.\n\nLike x326 CTR 0.2%\nShare x645 CTR 0.9%\n\nLet me know what you guys are seeing, no one is publishing this data, we openly share and to date we are way above o \n\n\n
  45. \n
  46. Screen grab from F8 2010 Session\n
  47. Time is probably your best bet here, focus on adding more content to recent edges, not old ones.\n\nIf you release new content, drive engagement quickly, dont do it over a long period\n\naggregating edges onto a single object. For example allow users to comment on the object in the app.\n
  48. \n
  49. \n
  50. Maybe a Geo element as well &amp;#x201C;Cambourne runners&amp;#x201D; is local to me, or could be minimal distance across graph.\n\nThe other key thing to remember with search at FB is that this is in very active development, and results change frequently.\n\nI can&amp;#x2019;t login to our analytics clusters from here, but last time I checked search aren&amp;#x2019;t important at all.... fb_source=search is seen in referrer\n\n\n
  51. \n
  52. Use personal information to kick start the social experience.\n\nUse things like Facepile to increase signup\n
  53. \n
  54. Guess what this did to traffic?\n
  55. 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
  56. 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
  57. Ensure Social Context through out the entire experience.\n
  58. \n
  59. Of 6,981 people listening, it isn&amp;#x2019;t a coincidence that Rob is showing up.....\n\nWe go to great lengths to track relationships, either those you follow directly, or friends on other sites...\n\nWorse case we can post to FB with a tainted link and either know your id or who posted it, and from that do indirect targeting, its still better than none\n\nDrive retention/engagement through adding social context, this increases the CTR of the play, and also the share rate and viral factor of the pages significantly.\n\nCreate all content as close as possible in social context to the user, aim for the top right.\n
  60. Nikhil mentioned on the left (out of 1000 friends)\n\nNico was at out with Rawson (other hidden friends I dont know)\n
  61. Social plugins can even do this when you aren&amp;#x2019;t authenticated... \n
  62. \n
  63. Grow in narrow niches first, keeps concentration higher and increases the &amp;#x201C;community&amp;#x201D; density\n\nMake it EASY to share and give back (lots of AJAX) to the community.\n
  64. \n
  65. Contact details\n