Pin It



Facebook Recommendations Bar, How To Add?

  • Sunday
  • Andy Law
  • Share
  • Facebook launched Facebook Recommendations Bar (FRB) in July 2012 to engage readers browse more articles in your blog by suggesting what articles Facebook friends explicitly liked and shared. It entices readers to read more, and spend more time on your blog. This makes viewers more likely to click on the recommended articles/posts as they were liked or shared by other; which means they are worth to read. More pages being viewed, more engaged visitors become. And they will more likely subscribe your blog. Another thing to consider is, the readers will create more impresions to your blog as they are surfing around the site, thus create more cost per thousand impressions (CPM), and potentially more cost per click (CPC).

    Facebook Recommendations Bar suggests additional articles as soon as visitors finish reading the blog post, after sometimes, or after readers reach a specific location on your blog. The Facebook Recommendations Bar consists of the Like button, and post/article recommendations. And it only displays posts/articles already being shared and recommended by others on Facebook. It will pop up at the bottom right corner, the same as Facebook chat box, and users can miminize it. Very user friendly, right?. That's why many popular bloggers have implemented FRB in their blog, such as Mashable..etc.

    How Facebook Recommendations Bar works?

    When viewers concentrate on reading a post/article, or almost finish reading it, FRB pops up, annoys, and reminds readers the existence of Facebook which they may forget. FRB recommends the other posts/articles visitors should read as these articles were likes and shared by Facebook friends, as well as, prompts to like the blog post. If the reader liked the article, it would be seen in his or her timeline, and appeared in his or her friends' feeds. We can say this is a more invasive versioin of the like button, and recommendations box of Facebook. So, this is a must-have plug-in for any bloggers, right?

    How to add Facebook Recommendations Bar to your blog?

    Follow the simple steps below, and you'll have the most powerful widget of Facebook available at this date and age.

    Step 1: Add this code After/Below <head> tag

    <!-- Begin Open Graph metadata -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta content='website' property='og:type'/>

    <meta expr:content='&quot;en_US&quot;' property='og:locale'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <!-- End Open Graph metadata -->
    Step 2: Go to Facebook Recommendations Bar Official Page

    Step 3: Scroll down to the middle of the page, you will see something like this

    Step 4: Click Get Code => Create a new app

    Step 5: Enter your blog name and blog URL, then click Continue => Submit.

    Step 6: Click Get Code again

    Step 7: Copy the code in the first box ( you will paste this code into your template )

    Step 8: Go to Template => Edit HTML => Proceed => Tick Expand Template Widgets box

    Step 9: Paste the code you copied in Step 7, After/Below <body> tag.

    Step 10: Save template

    8 Responses to “Facebook Recommendations Bar, How To Add?”

    Dailyschoolnews said...
    7 March 2013 at 06:12

    Thanks alot, just added it to my blog @ Dailyschoolnews
    Your tutorial is great

    Dailyschoolnews said...
    7 March 2013 at 06:16

    thank you so much for this wonderful post, i was able to add this to my make money online site, and also on my friend site, Nigeria University News this is very very easy to follow guideline.

    Anonymous said...
    7 March 2013 at 06:26

    Thanks alot, i was just searching for this!!!!
    You are a genius...
    I just added it to my wordpress blog @ Make money online and on my technology blog @ Iphone

    cohen moles said...
    21 March 2013 at 16:08

    Thanks for theses steps I will try to add this on my new blog.
    mobile sms spy

    adrian lucernas said...
    23 March 2013 at 20:19

    brilliant articles..thanks for giving this..keep it recent post: 5 Tips to Attract an Audience to Your Blog

    ARULJAGAN G said...
    20 April 2013 at 19:35

    While i try this i get this error, will u give a screenshot, how to do this ?
    Error parsing XML, line 713, column 62: The reference to entity "appId" must end with the ';' delimiter

    Tom Smith said...
    30 April 2013 at 18:09

    This is very very easy to follow guideline.
    Bail Bonds San Luis Obispo

    Josh Green Rock said...
    3 May 2013 at 21:14

    Its wonderful blog!
    Bail Bonds Las Vegas

    Post a Comment

    SUBSCRIBE NOW to get the latest posts