add facebook comment plugin in website , amp facebook comments , comments , embed comment on facebook , facebook comment code , facebook comment plugin , facebook comment plugin for blogger , facebook comment system , facebook comment widget , facebook comments , facebook comments plugin , facebook comments plugin wordpress , facebook comments wordpress , facebook comments wordpress plugin , facebook comments wordpress without plugin , facebook embed code generator , how to follow a facebook post without commenting , integrate facebook comment 2021 , integrate facebook comment 500 , integrate facebook comment as page mobile , integrate facebook comment bangla , integrate facebook comment close , integrate facebook comment detector , integrate facebook comment disabled , integrate facebook comment export , integrate facebook comment for pic , integrate facebook comment gg , integrate facebook comment gif from camera roll , integrate facebook comment gmail , integrate facebook comment hide vs delete , integrate facebook comment je suis bloqué , integrate facebook comment kaise kare , integrate facebook comment keeps repeating , integrate facebook comment keywords , integrate facebook comment login in android , integrate facebook comment off , integrate facebook comment on photo , integrate facebook comment order , integrate facebook comment overlay obs , integrate facebook comment under new regulations , integrate facebook comment video , integrate facebook comment zendesk , integrate facebook comments into website , is integrate facebook comment hidden , wordpress integrate facebook comments
How to Integrate Facebook Comments Plugin in HTML
Table of Contents
Step 1:
Go to this website: Facebook Developer Page
Step 2:
Go to Comments Plugin Code Generator.
Step 3:
Click Get Code button and fill-up the form.
Step 4:
Copy the code and paste it to your php page.
Example Code:
<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>Video Tutorial: