Integrate Facebook Comments Plugin

How to Integrate Facebook Comments Plugin in HTML

Installation Guide: Integrate Facebook Comments Plugin

Carefully follow the guideline to be able to integrate the Facebook comments plugin successfully:

Step One

Go to this website:  Facebook Developer Page

Step Two

Go to Comments Plugin Code Generator.

Step Three

Click Get Code button and fill-up the form.

Facebook Comments Plugin, intergrate, source code, free download, free script, How to Integrate Facebook Comments Plugin

Step Four

To use this code on your PHP page, copy and paste it.

Code Example: Integrate Facebook Comments Plugin

				
					<html>
<head>
    <meta charset="utf-8">
    <title>How to Integrate Facebook Comments Plugin</title>
    <link rel="stylesheet" type="text/css" href="bootstrap4/css/bootstrap.min.css">
</head>
<body>
<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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12';
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
 
<div class="container">
    <h1 class="text-center" style="margin-top:30px;">How to Integrate Facebook Comments Plugin</h1>
    <hr>
    <div class="row justify-content-center">
        <div class="col-sm-6">
            <div class="fb-comments" data-href="http://localhost/facebook_comment/index.html" data-numposts="10"></div>
        </div>
    </div>
</div>
</body>
</html>
				
			

Don’t forget to share this post!

Leave a Comment

Your email address will not be published. Required fields are marked *

Related Article