970_90

Tuesday, 6 December 2011

Facebook Social Plugins Integration in Website


Facebook Social Plugins Integration in Website

Facebook Platform enables you to make your website more social. You can use our Social Plugins, such as the Like Button to drive user engagement with a single line of HTML.  Login Button and Registration Plugin let you simplify or eliminate your own user registration and sign-in. Lastly, the Graph API lets you access the full social graph of a given user, allowing you to create a truly deep personal experience.

Social Plugins are the easiest way to get started with Facebook Platform. The plugins are embeddable social features that can be integrated in your site with a line of HTML. Because they are hosted by Facebook, the plugins are personalized for all users who are currently logged into Facebook, even if they are visiting your site for the first time.


Following are the different  Facebook Social Plugins.


Facebook Like Button



Send Button


Facebook Comments

Share Button



Like Box



Facebok Social Plugin from where you can get the code and just past into your website.
Each link Socail plugin will give you  two codes and are following
  • JavaScript SDK  (include once only)<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/sdk.js#xfbml=1&appId=508427595967225&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
  • HTML Code (Must include for each Social plugin)
  • <div class="fb-like-box" data-colorscheme="light" data-header="true" data-href="https://www.facebook.com/pages/Web-Technology-Experts-Notes/1486091758321940" data-show-border="true" data-show-faces="true" data-stream="false"> </div>


Following are the links from where you can get the HTML tag



2 comments:

  1. Question: How to add facebook share button to website with html?
    Following the following steps:
    1. Go to https://developers.facebook.com/docs/plugins/share-button
    2. Add your webpage url in "URL to share"
    3.Click on "Get Button"
    4. Add the Given code in html of your website.
    5. You can also add Dynamic URL

    ReplyDelete
  2. Facebook Universal Share Link
    https://www.facebook.com/sharer/sharer.php?u=http://www.onlinebacklinksites.com/2015/04/top-free-blog-submission-sites-list.html


    Facebook Universal Like Link
    https://www.facebook.com/plugins/like.php?href=http://www.onlinebacklinksites.com/2015/04/top-free-blog-submission-sites-list.html

    ReplyDelete