Facebook recommendations bar is spreading widely all over blogosphere. Both WordPress and blogger users are now enjoying a smart push in page views by engaging readers more on their site through this traffic boosting social plugin. Not only does it help to increase your pageviews and AdSense revenue but grows your Facebook fan following with additional likes. This plugin will display additional recommended articles to users as soon as a reader has finished reading the blog post or reached a specified location. The plugin floats to the right of your Wordpress blog, collapses on page load and expands as soon as the reader reaches end of post. It displays a post thumbnail image along with page title and number of likes. It previously included a "Add to timeline" button but now it has been removed and it shows only a like button. It has surely replaced plugins such as "Facebook Recommendations Box" and most importantly SimpleReach Slide which display related posts from within your site on a widget that slides at the bottom of the page. Lets add this plugin to Wordpress with extremely easy steps.
Live DEMO: Check on our Blog on Make Money Online
If you are a blogger user you may follow this tutorial:
Install it on Wordpress
In wordpress everything is done via plugins and we do not need to copy or paste any code. Neither do we need to install Open Graph Meta Tags and JavaScript SDK. There are only two steps involved which are:Step1: Create a Facebook Application
- Log into Facebook Apps
- Click on Create New App button towards Top-right
- In the box that pops up, type "My Recommendation Bar" inside the App name field , "fb-recommendations" inside App Namespace. Click continue.
4. Enter the captcha code to pass the security check. Click Submit
5. You are app is almost done. Just click Website with Facebook Login and Mobile Web tab and inside each box input your blog URL. Your blog URL must start with http:// and end with forward slash (/). See the screenshot below. Do not touch remaining options and click Save Changes.
6. Copy App ID , App secret and App Namespace. Save these three inside a word document or notepad because we will need them later.
Step2: Install the Facebook Plugin on Wordpress
In order for Facebook apps to work with Wordpress framework, you will need to install the official Facebook plugin. Follow these easy steps:
- Log into your Wordpress account
- Click on Plugins > Add New
- Inside the Search Plugins box type Facebook
- Click install now under the very first plugin that appears in search results
5. Activate the plugin
6. You will now see a Facebook tab appearing on your Wordpress Sidebar Menu. Click it and navigate to step#3 on that page. Inside the fields submit your App Id, App secret and Namespace.
7. Save changes. You will now be redirected to a new page. Select "Facebook Recommendation bar" and activate it.
8. Now you will see some control options for your bar. Set them as follows:
- Trigger – This option defines the percentage of the page scrolled by the visitor, before the bar will expand. Keep it as 30% to receive higher pageviews.
- Read Time – As soon as the visitor reaches a specified location, the plugin would expand and before expanding it will take some time. This time is called Read time which decides the speed. Keep it equal to 10 seconds.
- Action – You can either choose to display a like button or recommend button
- Side – Sets whether you wish to float the bar to bottom-left or bottom-right of your page.
9. Click save changes and you are all done! :)
Visit any of your blog post to see it working just fine! The plugin will display only on your posts and pages. It wont appear on your category pages, archives or homepage. By default the plugin displays only two recommendations, however if you know PHP you can edit the plugin .php file by editing the Facebook plugin settings. You can add two new attributes like max_age and num_recommendations.
Need help?
I hope the installation for wordpress was far easy compared to that on Google blogs. If you find any step not cleared please do not hesitate to let us know. We hope this new plugin may bring a positive impact to your blog page views, ad impressions and FB likes. We liked it a lot and therefore added it to all blogs under our network. Take good care of yourselves and your loved ones. Peace and blessings. :)If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
This comment has been removed by the author.
ReplyDeleteFor Blogger please, I need this widget... Thanks before,
ReplyDeleteGive suggest to my Blog
Thanks Mohammad, Nice post but unfortunately I have no Wordpress to install this widget.
ReplyDeleteGoogle Adsence Rules Everyone Must Know
Good info first for bloger than for wordpress.
ReplyDeleteTop 30 Most Useful Website For Everyone
Good sharing but i have a wordpress :(Check my blog
ReplyDeletenice plugin..
ReplyDeleteFacebook hacking
nice post, can u give similar widget for blogger plz , and do suggest me for my blog www.kgtricks.blogspot.com
ReplyDeleteI already have a slidebar with related articles, do i need to remove that and install this FB recommendations bar plugin. My WP blog is: Youth Googly
ReplyDelete@kunal
ReplyDeleteWe already published that one here Blogger FB REcommendations bar
@Naveen
Yes exactly. Two plugins with same purpose would be confusing better remove the slidebar one.
Oh this is really nice and really increasing my blog views. I used it on my blog WanAni.Me! - Your Anime News and Reviews Source.
ReplyDeleteThanks Mustafa
ReplyDelete@Mohammad Mustafa Ahmedzai
Assalaam Alaikum
ReplyDelete@Mustafa..
can u please guide me to add 2 new attributes ???
and also please let me know the exact file name and line number for wordpress blog..
thanks in advance
Dear Muhhamad, can i change font to this widget. i recently change all files in /public_html/wp-content/plugins/facebook/scripts/loopj-jquery-tokeninput/styles but it not work. please help!! thanks.
ReplyDeleteWhy after click recommendation bar page not found, can you help me.
ReplyDeletei have change permalink to /%day%/%monthnum%/%year%/%category%/%postname%
But facebook recommendation still use the old permalink /archives/158?fb_ref=wp and show page not found.
Wow What a Widget!
ReplyDeleteSimply Nice
Get Free Genesis Framework
Perfetto, l'ho inserito su http://www.bodybuilderstory.altervista.org!
ReplyDeleteI could not create FB Apps any more trying many times. when I lick for apps page it shows my page not apps page. what can i do to make it successful. please do let me know.
ReplyDeleteRegards
Ahmed
I could not create FB Apps any more trying many times. when I lick for apps page it shows my page not apps page. what can i do to make it successful. please do let me know.
ReplyDeleteRegards
Ahmed
When I'm entering "fb-recommendations" into App Namespace I'm getting "failed". Why is this happening?
ReplyDelete