---
title: "Integrated Facebook Comment API in your website"  
description: "In this article I am trying to implement Facebook comment API in your website."  
author: "Vijay Shukla"  
published: 2013-05-18  
updated: 2019-11-24  
canonical: https://www.mindstick.com/articles/1304/integrated-facebook-comment-api-in-your-website  
category: "api(s)"  
tags: ["api(s)", "facebook api"]  
reading_time: 2 minutes  

---

# Integrated Facebook Comment API in your website

In this [article](https://yourviews.mindstick.com/view/81489/kashmir-now-after-an-year-of-abrogation-of-article-370) I [am trying](https://answers.mindstick.com/qa/36834/which-two-programming-languages-should-i-master-in-if-i-am-trying-to-get-into-google-or-facebook) to implement Facebook comment API in [your website](https://yourviews.mindstick.com/view/81591/semrush-tutorial-and-review-2020-how-to-use-it-to-20x-your-website-traffic).\

Comments Box is a [social](https://yourviews.mindstick.com/view/83523/hindus-social-standing-in-lahore-before-partition) plug-in that enables user commenting on your site. [Features](https://yourviews.mindstick.com/view/86404/best-5-rolls-royce-cars-to-buy-with-features-and-price) include [moderation](https://yourviews.mindstick.com/story/4629/best-5-fatty-foods-good-for-you-while-in-moderation) [tools](https://yourviews.mindstick.com/view/88476/best-tools-to-create-an-ai-agent) and distribution.

You need to implement the comment box with below link: [http://developers.facebook.com/docs/reference/plugins/comments/](http://developers.facebook.com/docs/reference/plugins/comments/)

After open this link you need to fill below [screen](https://www.mindstick.com/blog/53499/top-5-big-screen-tvs-for-the-best-tv-shows-of-2019) will be appear:

![Integrated Facebook Comment API in your website](https://www.mindstick.com/mindstickarticle/7c01d09d-3842-4641-8e91-892614362286/images/98a4b151-17b2-466e-8cbe-b792770ffe49.png)

1. Click on the comment which is under the Social Plugging in left side pane.

2. URL to Comment: - Here give the URL for comment box.

3. Width: - Here give the width of the plug-in in pixels.

4. Numbers of posts: - Here give the numbers of posts to display by default.

5. Color scheme: - Here give color scheme of the plug-in.

6. Get Code: - Click on the Get Code button to get the script for plug-in.

After clicking Get Code below screen will appear:

![Integrated Facebook Comment API in your website](https://www.mindstick.com/mindstickarticle/7c01d09d-3842-4641-8e91-892614362286/images/e60bc807-a0de-4044-9c91-52d8267b6892.png)

Copy the code and paste where which you want to set the comment box.

##### Code: -

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</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";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));</script>
</head>
<body>
    <div class="fb-comments" data-href="http://mindstick.com" data-width="470" data-num-posts="5">
    </div>
</body>
</html>
```

##### Output:

![Integrated Facebook Comment API in your website](https://www.mindstick.com/mindstickarticle/7c01d09d-3842-4641-8e91-892614362286/images/65f6d5fd-4531-4b0b-947e-76236177d514.png)

---

Original Source: https://www.mindstick.com/articles/1304/integrated-facebook-comment-api-in-your-website

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
