KA Facebook Social Comments
Facebook Social Comments allows your website users to comment on joomla website. Facebook Social Comments Box plugin and module enables guest and logged in users to comment using their Facebook, Yahoo, AOL or Hotmail website account credentials. Most of the users are already logged into one of the these websites and can comment straight away. Facebook Social Comments plugin takes care of any spam bots and you do not have to worry about any spam posts.
Social Relevance
Comments with highest quality are put above other comments for each user. For each user comments are ordered to show most relevant comments from friends, friends of friends, and most liked and active discussion threads. If there are any comments that are marked by admin and moderators as spam then those comments are marked as spam and they are hidden from view.
Distribution
Facebook Social Comments distributes posted comments with friends or with people who like your Page on Facebook. If a user leaves the "Post to Facebook" box checked when she posts a comment, a story appears on her friends’ News Feed indicating that she’s made a comment on your website, which will also link back to your site hence increase in number of visits to your website.
Friends and people who like the Page can then respond to the discussion by liking or replying to the comment directly in the News Feed on Facebook or in the Comments Box on your site. Threads stay synced across Facebook and on the Comments Box on your site regardless of where the comment was made.
Facebook Social Comments extension comes in Module and Plugin versions:
Plugin Version: Plugin version allows you to automatically add Facebook comments box on every article. You can exclude any Sections, Categories or Articles where you do not want it to appear. You can also exclude any Menu items where you do not want it to appear. Social Integrations for many other components are added in plugin version that allows to show comments on many other components.
Module Version: Allows you to publish Facebook Comments in module positions on your website.
Facebook Social Comments includes two plugins and one module extension.
KA Facebook Social Comments - Content Plugin
KA JavaScript SDK - System Plugin
KA Facebook Social Comments - Module
KA JavaScriptSDK plugin is required and you must install and configure it. Content plugin can be used if you want to add comments box under content articles and supproted components output. You can use module to place comments in a fixed module position in your template, just make sure that module position exists in your template.
Installation:
Step 1: Install via Joomla extensions installer from Extensions > Install/Uninstall in the backend of Joomla.
Step 2: Goto Extensions > Plugin Manager to plublish and configure settings.
If the zip file you downloaded have JavaScriptSDK file in it then install that as well using same steps mentioned above.
If you having any problems please read Forum and posts any questions you have.
If you having problem to display plugin properly then make sure to disable all other Facebook extensions and then test to find out if there is any conflict. If anther Facebook extension is still using old Facebook API codes then that can conflict with our extensions that are using latest API code. Please note that installation on Local Server will not work as Facebook Servers can not reach back to local server, to avoid any issues install it on Live Server. We have found that using IP address in URL instead of domain name can also cause problems with Facebook servers.
To create an Application please read How to create a Facebook Application. Once you have the Application ID, paste it in your JavaScriptSDK plugin and Publish and Save it.
If you having any problems please read Forums.
Upgrade
In most cases a simple install on top of exiting installed plugin will do the upgrade.
If you having an issues after upgrade you can try Uninstall old version and Install new version approach. Make sure to note down of settings you have configured before you uninstall old version as they will be removed when you Uninstall. Then install, configure and publish new version of plugin(s).
You can upgrade from Extensions > Install/Unistall page.
If you having problem to display plugin properly then make sure to disable all other Facebook extensions and then test to find out if there is any conflict. A lot of Facebook extensions are still using old Facebook API codes that can conflict with latest extensions.
JavaScript SDK Plugin Configuration
| Plugin Parameters | Description |
|---|---|
| Application ID |
You need an Application ID for plugin to work.
To create an Application and get API Key please read How to create a Facebook Application. |
| Language | If you choose default it will use the language of your website and will change language when language changes in your website. |
| Mode | Choice of inserting JavaScriptSDK code on top of page or bottom. |
Facebook Comments Plugin Configuration:
| Parameters | Description |
|---|---|
| === DISPLAY SETTINGS === | |
| Menu Display Mode | Select Show Only on Following if you want to show only on Menu Items selected below. Select Do not Show on Following mode if you do not want plugin to appear on Menu Items selected below. |
| Menu Items | Select Menus where you would like the plugin to display or not display depending on Display Mode selected above. You can use Ctrl-click to select more than one item. To remove an item press Ctrl-click on selected item.(Default: none). |
| Com Content Display Mode | Select Show Only on Following if you want to show only on Sections, Categories and Articles selected below. Select Do not Show on Following mode if you do not want pluing to appear on Sections, Categories and Articles items selected below. |
| Sections | Select Sections where you would like the plugin to display or not display depending on Mode selected above. You can use Ctrl-click to select more than one item. To remove an item press Ctrl-click on selected item. (Default: none). |
| Categories | Select Categories where you would like the plugin to display or not display depending on Mode selected above. You can use Ctrl-click to select more than one item. To remove an item press Ctrl-click on selected item.(Default: none). |
| Article IDs | Specific Article/Content ID where Like button should not be displayed (enter more then one comma , separated. Use 0 for ungategorised. To find article ID's goto Content > Articler Manager) (Default: blank). |
| Show on Frontpage | Show Like Button on Frontpage of your website or hide |
| Show on Blog Layout | Show Like Button on Blog layout of your website or hide. |
=== INTEGRATIONS === These are components that are supported by plugin, If you have installled these and would like to show plugin on them then select below. You can use Ctrl-click to select more than one item. (Default: none). |
|
| K2 | Select K2 integrations options to enable on K2 layouts. - K2 Category Page - K2 Latest Page Items - K2 Page Item |
| Zoo | Select Show on Zoo Items to display on Zoo Items |
| VirtueMart | Please make sure to enable Enable content mambots / plugins in descriptions? in Frontend Features under Configuration options of VirtueMart. |
| QuickFAQ | Show on QuickFAQ Item |
| EventList | Show on EventList Detail layout. |
| === COMMENTS SETTINGS === | |
| Comments Layout | Choose this settings to use old comments layout or new, check demo to see both layouts. |
| Number of Comments |
Number of comments to display, 0 to hide all comments. |
| Width |
Width of plugin in pixles (Default: 500) |
| Title |
This is the title of the Feed story that gets published when a comment is made. Default value is the title of the Web page containing the Comments Box (Default: blank). |
| Custom URL |
The URL to the page where the comment was made (Default: Blank). |
| Show Rounded Box |
Show a rounded box around each post on your site (Default: No). |
| Reverse Ordering |
Reverses order of comments so the most recent one appears at the bottom of the list and the input box appears at the bottom of the page (Default: No). |
| Publish Feed Checkbox |
Indicates whether the Post comment to my Facebook profile check box is checked. If not checked, the user must check the check box before the comment can be published to a user's Feed. The comment must be at least 5 words in length in order to be published to Feed (Default: Checked). |
| Location for display |
Choose where to show the Like Button. Top of Article, Bottom or Both (Default: Bottom) |
| === CSS STYLING === | |
| CSS Styling |
Use Custom CSS styling specified below or use Facebook default CSS styling (Default: No). |
| Show Like Button |
Show or hide Like/Recommend Button that appear on top of coment box by default (Default: Show). |
| Show Faces |
Show or hide faces that appear below Like/Recommend button when user like your page (Default: Show). |
| Like Button Styles |
CSS styling for Like/Recommend button. |
| Show Comments |
Show or hide Comments and Comments box (Default: Show). |
| Show Pagination |
Show or hide pagination (Default: Show). |
| Comments Styles |
CSS styling for Comments and Comments box. |
| === OPEN GRAPH SETTINGS === | |
| Social Graph Tags |
Enable or disable Facebook Social Graph tags. Tags are automatically taken from article content and configurations and inserted into meta tags. |
| Admin IDs |
Once users have liked your page, you can publish stream updates to the users who have liked your page and get statistics about your pages just like you can with Facebook Pages. To administer your page, you need to associate it with your Facebook account. |
| Image Tag |
Enable image tag. First image from artcile text is used for Facebook Social Graph image tag if found. |
| === ADVANCED SETTINGS === | |
| Unique ID |
An id assiciated with the comments module (defaults to page url). Unique ID is not for App. Unique ID is used by module so that each module can display different set of comments.
For example you can make copies of module and give each one a different unique ID. May be one for home page you can give unique id called homepage01 and another one copy you can call contactus01. This way each one will display different set of comments. |
| Time Stamp |
Leave this field and not try to change. It is used for CSS styling changes. |
| === URL SETTINGS === | |
| URL Method |
Choose how should page URL be discovered (Default: Artilce URL). |
| Base URL MEthod |
Method to use for base URL method discovery. |
| Use ID or Slug |
Choose to use ID or Slug in URls. Some websites(Server) might have problem with Slugs and throw errors. If you see errors choose Use ID. (Degault: Use Slug) |
| URL Encode |
Enable/Disable URL Encode (Default: Yes). |
| === DEBUG MODE === | |
| Debug | Debug module for development (Default: No). |
Styling does not take effect if you have installed on your local host test servers. You need to install it on actual live website.
Also make sure to hard refresh page (Control+F5) to refresh page and also try cleaning cache to see changes taking effect.
Version: 3.0
- Added support for Joomla 3.0
Version: 2.5.4
- Added support for K2 Joomla 2.5
- Added support for VirtueMart Joomla 2.5
- Added support for Weblinks for Joomla 1.5 and Joomla 2.5
Version: 2.5.3
- Improved compatability for Joomla 1.6, 1.7 and 2.5
Version: 2.5.2
- Fixed JFile import bug
Version: 2.5.1
- Added Compatability for Joomla 1.6 and 1.7
- Added Mosets Tree support for Joomla 1.5
- Added new Open Graph tags
- Improved existing Open Graph tags
Version: 1.5.x.2.5
- Fixed new layout width bug
- Added KA Framework Support
- Various improvements in code
Version: 1.5.x.2.4
- Added new comments layout
- Minor improvements in code
Version: 1.5.x.2.3
- Fixed multiple comment box bug in Zoo Item pages
Version: 1.5.x.2.2
- Added view restrictions settings for Content Articles
- Added view restrictions settings for Frontpage
- Added view restrictions settings for Category Blog Layouts
- Added view restrictions settings for Category List Layouts
- Added view restrictions settings for Section Blog Layouts
- Added view restrictions settings for Section List Layouts
Version: 1.5.x.2.1
- Fixed file path in error message for css.
- Fixed some URL bugs
- Custom Base URL settings added
- Fixed some issues with Share JavaScript mode
- Fixed VirtueMart integration control fixed.
Version: 1.5.x.2.0
- CSS Styling for Like Button
- CSS Styling for Comments and Pagination
- Improved Backend interface
- Selection of Content Items made easy
- Show or hide on menu items
- Slug or ID choice
- Integration for K2 Category page
- Integration for K2 Latest Page Items
- Integration for K2 Page Items
- Integration for Zoo Items Pages
- Integration for VirtueMart Product Pages
- Integration for EventList Component
- Integration for QuickFAQ Component
- SocialGraph Meta Tags added
Version: 1.5.x.0
- Unique ID - Used by Facebook to track comments
- Number of Comments - Limits number of comments
- Width - Width of Comments Module
- Show or Hide on one Section or many Sections.
- Show or Hide on one Category or many Categories.
- Show or Hide on one Individual Article or many Articles.
- Show or Hide on Frontpage Articles.
- Show or Hide on Blog Layouts (Section or Category).
- Debug Mode
- URL Configurations
Module Changelog:
Version: 1.5.x.2.2
- Fixed new layout width bug
- Added KA Framework Support
- Various improvements in code
Version: 1.5.x.2.1
- Added new comments layout
Version: 1.5.x.2.0
- Add messages for backend settings
Version: 1.5.x.1.0
- Added CSS settings
Version: 1.5.x.0.0
- First version released
How to create a Facebook Application
To use Facebook extensions you need to create a Facebook Application and get an Application ID.
http://www.youtube.com/watch?v=aJDtpPja0To
Application ID is needed if you are using JavaScript SDK plugin. You can find JavaScriptSDK settings by going to Extensions > Plugins Manager and then clicking on System - JavaScript SDK.
API key is needed if you are using Fanbox/Likebox. You will also need Page ID for Fanbox/Likebox that you can copy from your Facebook Page URL. Here is a Tutorial for How to create a Facebook Page.
You can manage your created application in Developer Dashboard. Sometimes it takes a few minutes for Facebook to get ready your Application ID to use.
How to enable plugins/mambots in Mosets Tree listing description?
Mosets Tree allows has a setting to enable/disable plugins/mambots in description field but this setting is disabled by default.
To enable plugins you need to enable the setting as described below:
- Login to Joomla backend
- Go to Mosets Tree and click on Custom Fields
- Click on Description field
- Under Parameters set Parase Mambots setting to Yes and Save.
How to delete and moderate comments in Facebook comments box plugin?
How to delete and moderate comments in Facebook comments box plugin?
This tutorial is about how to moderate and delete process works for Facebook Comments box.
First of all make sure that you have installed, configured and published JavaScriptSDK plugin and Facebook Social Comments plugin.
In JavaScriptSDK plugin setting you must enter Facebook User IDs of the users who you want to allow to be able to moderate comments. If you want to moderate yourself only then enter your own Facebook ID.
Moderators View
After your have added Facebook admin ID save JavaScriptSDK plugin and go to frontend of your website and refresh comments page. You should see Moderators View and Settings above Comments Box as shown below when you are logged into Facebook.
Click on Moderator view so we can have a look what is in Moderators view. In Moderators view you will see a list of all the comments for that page. In this screen you can Like, Follow and Moderate comments.
Facebook has made changes and now only the user who posts a comment can competely delete it. Owners and Moderators of Comments Plugin can choose to Hide comments. Hide comments option will remove the comment and it will not be visible to your readers except to friends of that person who actualy made that comment.
At present only a user(who made comment) can completely remove their comment by clicking the cross sign that appears next to their comment (cross sign appear when you hover over your own comment).
If you choose to Ban user then it will permanently block that user from commenting on any of your posts.
If you choose to Boost comment will bring the comment at top so that everyone could read it.
Facebook Comments plugin also allows o arrange the order of comments. For example you can set to show the New comments first and old comments later.
By default comments are organized by social ranking which means that only those user comments' will be displayed at top who has good reputation on Facebook.
Settings View
Click on Settings to open Settings. Under settings you can add moderators, set Moderation mode, Blacklist words, allow other Login providers, enable Grammer filter and set Comments Composer. See screenshot below highlighting these settings.
Comments Ordering
If you want the newest comments to be displayed at top and oldest at bottom then choose Reverse Chronological.
My extension is not showing up in frontend of website?
When using Facebook extensions there can be conflicts with other extensions as Facebook is constantly improving their API code and keeps making changes. We always use most related code released by Facebook API. It is possible that you have another Facebook extension that is using old library code from Facebook or adds some other code that causes Facebook code to break.
On quick way to check this is by disabling of other extensions to see if they are conflicting. If unpublishing them solves the problem then contact their developers asking them to update their code or find latest version.
I'm seeing a Facebook error page in the iframe instead of my comments
This normally happens due to the issue of Facebook not loading its JavaScript library. Try to reload the page to fix it.
Possible reasons that can cause this are:
- Slow internet connection
- Facebook server too busy to cope with traffic load
Can I see the names and profile pictures of the people who Like a post?
Facebook does not allow you to see names and pictures of people that are not your friends. Lets say there are 50 people that like your post but only 10 of them are your friends in Facebook, you will only see name and pictures of these 10 people and you will see a message saying "... and 45 others like this".
How to enable moderation for comments?
You can enable moderation of comments by clicking on Settings link at top right of comments box when you are logged into Facebook.
Note: You must be logged in as Admin of that Facebook Application that you used to configure JavaScriptSDK plugin or you must be added as moderator by Admin. Posts matching the strings in the blacklist will automatically be hidden and not added to the moderation queue. To make sure everything goes through moderation regardless of content, do not specify a blacklist.
Why do my comments take a few seconds before they show when posted?
When comments are submitted they go to Facebook's servers for validations and other processing. The process of sending and receiving a response can take couple of seconds. If you see that the taking over ten seconds then try refreshing the page.
How to Install Joomla Plugins?
How to install Plugin on Joomla 1.5?
Download the Plugin that you wish to install from our website.
Login to your Joomla backend and click 'Extensions' 'Install/Uninstall'.
Click the 'Browse' button and find the location where you saved the download to your computer.
Select the plugin that you wish to install. Press 'Upload File & Install'.
How to install Plugin on Joomla 1.6, Joomla 1.7 and Joomla 2.5?
Download the Plugin that you wish to install from our website.
Login to your joomla backend and click 'Extension Manager''.
Click the 'Browse' button and find the location where you saved the download to your computer.
Select the Plugin that you wish to install. Press 'Upload & Install'.
