Add Facebook Recommendations Bar To Wordpress

facebook recommendations bar for wordpressFacebook 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.

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 
  1. Log into Facebook Apps
  2. Click on Create New App button towards Top-rightcreate new app
  3. In the box that pops up, type "My Recommendation Bar" inside the App name field , "fb-recommendations" inside App Namespace. Click continue.
create new app
       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.
site URL and mobile URL
     6.   Copy App ID , App secret  and App Namespace. Save these three inside a word document or notepad because we will need them later.
App Id and App secret

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:
  1. Log into your Wordpress account
  2. Click on Plugins > Add New
  3. Inside the Search Plugins box type Facebook
  4. Click install now under the very first plugin that appears in search results

install facebook plugin    
  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.
app settings
   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.
recommendations bar settings
   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 »

19 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. This comment has been removed by the author.

    ReplyDelete
  2. For Blogger please, I need this widget... Thanks before,
    Give suggest to my Blog

    ReplyDelete
  3. Thanks Mohammad, Nice post but unfortunately I have no Wordpress to install this widget.

    Google Adsence Rules Everyone Must Know

    ReplyDelete
  4. Good sharing but i have a wordpress :(Check my blog

    ReplyDelete
  5. nice post, can u give similar widget for blogger plz , and do suggest me for my blog www.kgtricks.blogspot.com

    ReplyDelete
  6. I 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
  7. @kunal

    We 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.

    ReplyDelete
  8. 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.

    ReplyDelete
  9. Assalaam Alaikum

    @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

    ReplyDelete
  10. 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.

    ReplyDelete
  11. Why after click recommendation bar page not found, can you help me.

    i 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.

    ReplyDelete
  12. Perfetto, l'ho inserito su http://www.bodybuilderstory.altervista.org!

    ReplyDelete
  13. 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.

    Regards
    Ahmed

    ReplyDelete
  14. 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.

    Regards
    Ahmed

    ReplyDelete
  15. When I'm entering "fb-recommendations" into App Namespace I'm getting "failed". Why is this happening?

    ReplyDelete