This is one that I honestly thought would be as simple as taking a code snippet and pasting it somewhere on your site a la Disqus, but as I have come to find out, there is a bit more trickery to it.
It goes without saying, that in order to use Facebook comments on your website, you have to have a Facebook account. But if you are one of the few people on earth without a Facebook account, head over to Facebook and create one pronto.
The Facebook comments plugin requires an App ID, so you are going to need to have a Facebook app. If you already have one, good. The comments plugin will be using it shortly. If you don’t have a Facebook app, we are going to create one in a minute.
Login to your Facebook account, navigate to the developer apps page and click the “Create New App” button.
A pop-up box will appear next, asking you to enter your App name. You can type in anything here, you are not really creating an App people are going to use. You only need the App for its App ID. For the purposes of this post, the App will be called “Website_comment”. Facebook checks that the App Name you are using isn’t currently in use, so your App name will have to be unique.
Next you will most likely be asked to enter Captcha information for security purposes, but after that your App should be created.
Your App “Display name” and “Contact email” is usually pre-loaded, you will have to add a value for “App Domains” in the Basic info section. This is going to be the domain name where you want to use the Facebook comments plugin. Don’t bother adding the “http://” or “www.” here, just enter the last 2 levels of the domain name. So “http://www.abc.com” will be “abc.com”.
In the “Select how your app integrates with Facebook” section, enter a value for Site URL in “Website with Facebook login”. This should be your domain name with all the bells and whistles, so abc.com will be “http://abc.com”. After this, hit Save.
Now your app is ready, and we have an App ID, so we can proceed further. Proceed to the Facebook comment plugin page. Scroll to where you set up the plugin, modify the default values and click on “Get Code”.
A pop-up will appear with code that you have to add to your website. The code uses the App ID for the App you just created.
The pop-up is pretty self explanatory. Copy the code in the first section into your website, just below the <body> tag, and place the code in the second section wherever you want the plugin to appear on your website. After making the modifications to your website, Facebook comments should now be available on your website.
To keep away the trolls and spammers, comment moderation is important. Luckily Facebook comments has features that can handle this quite effectively. To activate this on your website add the following code snippets to the <head> section of your website:
Now head over to https://developers.facebook.com/tools/comments
Any comment that is posted using the Facebook comment plugin on your website can be viewed and managed here. We are going to be making a few modifications to the default comment settings. Click on the “Settings” link and a pop-up box should appear.
To turn on Moderation, change “Moderation mode” to “Let me approve every comment before it appears”. With this setting, comments will only become public domain after you have approved them. However, the person that posted the comment and friends of that person will always be able to see the comment regardless of your moderation.
You can also have more than one person moderating the comments on your website by adding them in the “Moderators” fields. They will also get notifications when a new comment is posted, the notification brings you to back to this Comment moderation tool where you can approve or hide the comment that was just posted.
You can activate moderation only when certain words are detected in a comment. To use this feature, leave the “Moderation mode” field option at “Make every post public by default” and change the default “No restrictions” setting in the “Blacklisted words” field to “Create custom list”, which will then present a text box to you so you can enter your restricted words. Alternatively, you can use the “Standard Facebook restrictions” option if you want to ride on the restricted words list already defined by Facebook. Leaving the default “No restrictions” option means all comments will be moderated regardless on content.
To allow your user to post comments using other networks besides Facebook, check the “Other Login providers” box. Now they will have the option of commenting using their Yahoo, Hotmail, AOL as well their Facebook accounts.
Comment moderation can also take place on the website itself, you don’t have to come to Facebook to approve every comment that needs moderation, it can be done on the website. Once the Facebook comment plugin detects that the person logged into Facebook currently is defined as a comment moderator, you will be able to moderate comments right there on the site.