Facebook Recommendations Bar, How To Add?

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

<b:if cond='data:blog.pageType == "item"'>
<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'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>

<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>

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

blog

Saturday, November 10, 2012

Facebook Recommendations Bar, How To Add?

0 comments:

Post a Comment

Blog Archive