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