Things you will need:

  • A Facebook Developers account. If you don't have one it's quick to set up here.
  • A Website.
  • A Facebook App created. (It doesn't have to be perfect, just start it up).

  1. First, go to developers.facebook.com/docs/plugins/comments
  2. Paste the Javascript SDK (what this is) "right after the open body tag" - aka just paste it anywhere before the 2nd code. For me it is =
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3&appId=465849427185920&autoLogAppEvents=1"></script>

†† 3. Next paste the second code anywhere you want it to appear on your page.

Done! Ta~da!

Scroll all the way down for an interactive tutorial


How to add Facebook Comments to your own website

18 STEPS

 


1

The first step is to go to
developers.facebook.com/docs/plugins/comments

Step 1 image


2

Make sure you're under:
" Social Plugins / Comments "

Step 2 image


3

Scroll down and click to enter in the box "URL to comment on".

Type in your URL to the page you want to put the comment plugin on. (Yes it must be the exact URL to each page).

Step 3 image


4

Type The number of posts to display by default.

Step 4 image


5

Click Get Code.

Step 5 image


6

Click Get Code

Step 6 image


7

Highlight the first script and copy.

Step 7 image


8

Press CONTROL + C (copy)

Step 8 image


9

Past the Facebook Javascript SDK we just copied into the script of the page you want it on.

Step 9 image


10

Copy the final code under "Step 3" back at developers.facebook.com

Step 10 image


11

Next, paste the code anywhere you want it to appear on your page.
(Make sure you paste it under HTML format)

Step 11 image


12

Click HTML, and paste.

Step 12 image


13

Hint: Notice we can just add this code right on top the other? It's simple as that!

Step 13 image


14

Step 14 image


15

(Here I paste the SDK Javascript HTML)

Step 15 image


16

Blam!  Nice!

Step 16 image


17

Look at that! We click "Preview" and it's up and running!  That was easy.

Step 17 image


18

That's it. You're done.
Ta~da!

Step 18 image

Here's an interactive tutorial for the visual learners

https://www.iorad.com/player/1577569/Kapuhuna---How-to-add-Facebook-Comments-to-your-website

%d bloggers like this: