--> Add Facebook Recommendations Bar To Wordpress | Experience Lab - Online business creation and development guide for bloggers and startups

Add Facebook Recommendations Bar To Wordpress

Facebook recommendations bar is spreading widely all over blogosphere. Both WordPress and blogger users are now enjoying a smart push in p...



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. :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,4,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,3,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Add Facebook Recommendations Bar To Wordpress
Add Facebook Recommendations Bar To Wordpress
http://lh4.ggpht.com/-tKj8JbrUQ8k/T-3jYI0yweI/AAAAAAAAG2g/GpBa947JxCI/image42.png?imgmax=800
http://lh4.ggpht.com/-tKj8JbrUQ8k/T-3jYI0yweI/AAAAAAAAG2g/GpBa947JxCI/s72-c/image42.png?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2012/06/add-facebook-recommendations-bar-to.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2012/06/add-facebook-recommendations-bar-to.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy