Add the Facebook Like Button in Web API Application

Introduction

This article explains how to use the Like button of Facebook in your Web API application. Here we just get the code from Facebook and add it into the View of the application. The Like Button simply shares the content with friends on Facebook.

Procedure for adding the Like Button to an application:

1. First create a Facebook account; if you have already then login with that account.
2. Now open this link:
   
   https://developers.facebook.com/docs/plugins/like-button/
   
   The page will open like this:
   
   
   

3. Now fill in the Like button form for displaying the Like button.
   
   
   

• URL to like: Provide the URL for the default page.
• Width: Set the width in pixels of plug-ins.
• Layout: Has mainly the following three option
  
  Standard
  Button_count
  Box_count
  
  
• Show Friend's faces: It just used for showing the friend's faces when selected for sending the message.
• Include share button: If the checkbox is checked then include the share button.
• Get code: when the "Get Code" button is clicked then it displays the code.

4. Now for getting the code click on the "Get Code" button.
   
   
   

5. Create the Web API application:

• Start Visual Studio 2012.
• From the Start window select "Installed" -> "Visual C#" -> "Web".
• Select "ASP .NET MVC4 Web Application' and click on the "OK" button.
  
  
• From the "MVC4 Project" window select "Web API".
  
  
• Click on the "OK" button.

6. Now copy the code and paste it into the "index.cshtml" file.

• In the "Solution Explorer".
• Select the "Home folder".
• Select the "Index.cshtml" file.
  
  

Paste in the following code:

Now see the output: