Facebook WebPart in SharePoint

I recently had a requirement from a client to include the Facebook functionality to a SharePoint home page. You could easily go to the respective developer sites for Facebook, then copy and paste the code into a Content Editor Web part.

You can show part a "Like" button with a short feed from your page using a Facebook web part.

The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website. The Like Box enables users to:

·         See how many users already like this Page.

Read recent posts from the Page .
 
Step 1: Edit the page and add Content Editor WebPart
 
Step 2: Edit the content Editor WebPart and add the given below script:
 
  1. <div id="fb-root"></div>    
  2. <script>(function(d, s, id) {    
  3.   var js, fjs = d.getElementsByTagName(s)[0];    
  4.   if (d.getElementById(id)) return;    
  5.   js = d.createElement(s); js.id = id;    
  6.   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=155174084566571";    
  7.   fjs.parentNode.insertBefore(js, fjs);    
  8. }(document, 'script''facebook-jssdk'));</script>    
  9. <div class="fb-like-box" data-href="www.facebook.com/Microsoft" data-width="300" data-height="500" data-show-faces="false" data-stream="true" data-header="true"></div>  
 
 
Step 3: Press OK in CEWP and save page. The Facebook webpart will show as below.