Home > Articles > ASP.NET Web API >

 Learn How to Implement Facebook Follow button in Web API2 (Using Visual studio 2013)

Rama Sagar
Posted by under ASP.NET Web API category on for Beginner level | Points: 250 | Views : 3377 red flag
Facebook follow Button in WEB API

Introduction

This article shows the walk through of how to Implement Facebook follow button to our web applications that using web API

Objective

The objective of this article is to explain the steps of adding Facebook Follow Button to our web applications


  • Step 1 Create a New Project Open visual studio 2013 -> click on File -> New Project -> Create new ASP.NET WebApplication -> Name it as FacebookFollow


  • Step 2 Select Web API and click OK


 
   

  • Step 4 Select the options as per your need and click on GetCode



            we will get the following code 




  • Step 5 Now go to our solution explorer expand views & Home folder and click on Index.cshtml  paste the generated code
<html>
<head>
    <title>
        Facebook Follow button
    </title>


    <div id="fb-root"></div>
    <script>
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src="//connect.facebook.net/en_US/all.js#xfbml=1&appId=1419173678302755";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

    <div class="fb-follow" data-href="http://www.facebook.com/zuck" data-width="40" data-height="30" data-colorscheme="light" data-layout="standard" data-show-faces="true"></div>

Debug the Application and we can see the following output



Conclusion

In this article we have learned how to use Follow button of Facebook in a Web API project

Reference

https://developers.facebook.com/docs/plugins/follow-button/

Page copy protected against web site content infringement by Copyscape
About the Author
Rama Sagar
Full Name: RamaSagar Pulidindi
Member Level: Silver
Member Status: Member,MVP
Member Since: 12/30/2012 1:51:40 AM
Country: India
ramasagar
http://www.ramasagar.com
A Software Profesional working in Microsoft .NET technologies since year 2008, and I work for Dake ACE. I am passionate about .NET technology and love to contribute to the .NET community at Dot Net Funda


Login to vote for this post.

Comments or Responses

Login to post response

Comment using Facebook(Author doesn't get notification)