Howi.In

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h2 style="text-align: left;">
</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Q01v-Y5HBv4/VHIix0ThqGI/AAAAAAAAF2o/3WNUroynRDY/s1600/Create%2BYour%2BOwn%2BFacebook%2BFriends%2BInvite%2BButton.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Create Your Own Facebook Friends Button For Your Website" border="0" src="http://3.bp.blogspot.com/-Q01v-Y5HBv4/VHIix0ThqGI/AAAAAAAAF2o/3WNUroynRDY/s1600/Create%2BYour%2BOwn%2BFacebook%2BFriends%2BInvite%2BButton.png" title="Create Your Own Facebook Friends Button For Your Website" /></a></div>
<h2 style="text-align: left;">
</h2>
<h2 style="text-align: left;">
Introduction :</h2>
<div>
Facebook is the No.1 Social Media and about billions of people were registered with them , So using Facebook Webmasters can easily obtain traffic to their sites . There is lot of ways to generate traffic from Facebook , By creating Like pages , By creating advertisement , By chatting with friends etc . But here on this topic you will learn about "Facebook Friends Invite Button For My Website Using API" .<br />
<br />
By using the Facebook Friends Invite button your visitors can invite their Facebook friends to your website or blog easily .<br />
<br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>Live Demo Of Facebook Friends Invite Button :</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i><br /></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div id="fb-root">
</div>
<a href="https://www.blogger.com/blogger.g?blogID=8188666969217622696#" onclick="FacebookInviteFriends();"> 
<img src="http://lh3.googleusercontent.com/-ESoug2foJBs/T-ntmH-Vs3I/AAAAAAAAGIM/FUQoD54w1oQ/s267/bringfriends.png" />
</a><br />
<br /></div>
<h3 style="text-align: left;">
Facebook Application Development :</h3>
<div>
To create a Facebook Friends Invite Button you need to create a API Application in your Facebook A/c for that you need to click the following address and create one Facebook API by following the rules given below on this text .</div>
<div>
<br /></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif;"><i>Create a Facebook API Application : <a href="https://developers.facebook.com/apps" rel="nofollow" target="_blank">Click Here</a></i></span><br />
<ol style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;"><i>Click on the "<b>Create Button</b>" .</i></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;"><i>On the "<b>Display Name</b>" Write your App name or your Website name .</i></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;"><i>On the "<b>Name Space</b>" write anything specific for your App for identification , Or avoid it .</i></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;"><i>Select "<b>Category</b>" To" <b>Communication</b>" .</i></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;"><i>Click on the "<b>Create App</b>" Button .</i></span></li>
</ol>
<div>
<span style="font-family: Georgia, Times New Roman, serif;"><i><b>Update :</b></i></span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;"><a href="http://www.howi.in/2015/06/turn-off-developer-mode-of-facebook-app.html" target="_blank">Facebook Developers Must Disable Sand-Box Mode to Active the App .</a></span></li>
</ul>
</div>
<div>
<span style="font-family: Georgia, Times New Roman, serif;">After creating an App you need to configure your Facebook App settings like the following image display below .</span></div>
<br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-i3L-l4AJrkA/U-H9zRgQY-I/AAAAAAAAFd8/Vfo-8hYo71o/s1600/ca3+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Facebook Application Development" border="0" src="http://1.bp.blogspot.com/-i3L-l4AJrkA/U-H9zRgQY-I/AAAAAAAAFd8/Vfo-8hYo71o/s1600/ca3+copy.png" title="Facebook Application Development" /></a></div>
</div>
<div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li><i style="font-family: Georgia, 'Times New Roman', serif;">Update:- Click on the "<b>Add Platform</b>" Button for adding slab "<b>Website</b>" and "<b>Facebook Canvas</b>" .</i></li>
</ul>
</div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Some Important Factors In Creating Of Facebook Application :</span></h3>
<span style="font-family: Georgia, Times New Roman, serif;"><i>App_ID = App_ID will be automatically generated .</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>Display Name = Use any Display name for your application .</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>App Domain = Use your site address .</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>Contact Email Address = Use your Facebook contact email address .</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>Canvas Url = Your site address with example : http://www.yoursite.com/ url address must end with "/" .</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>Secure Canvas Url = Your site address example : https://www.yoursite.com/ url address must end with "/" .</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i><br /></i></span>
After creating the Facebook API Application you need to step up to the next stage .</div>
<div>
<br /></div>
<div>
<i><span style="font-family: Georgia, Times New Roman, serif;">Copy down the following script into your webpage and change the " APP_ID" With your Application ID .</span></i></div>
<div>
<pre class="brush: js;"><script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:'APP_ID',
cookie:true,
status:true,
xfbml:true
});

function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'Your Message diaolog'
});
}
</script>

Add This Code Where Ever You Want To Show The Invite Button
<div id="fb-root"></div>
<a href='#' onclick="FacebookInviteFriends();"> 
<img src="https://lh3.googleusercontent.com/-ESoug2foJBs/T-ntmH-Vs3I/AAAAAAAAGIM/FUQoD54w1oQ/s267/bringfriends.png">
</a></pre>
You are done ..<br />
<br />
I hope you well enjoyed this article .. Please write your feedback and suggestions to us using the comment box also please share this article with your friends by clicking the social media buttons . Thanks </div>
</div>

Facebook Friends Invite Button For My Website Using API

Introduction : Facebook is the No.1 Social Media and about billions of people were registered with them , So using Facebook We...

+ Read more »