Thursday 11 July 2013

// // Leave a Comment

How to add Facebook recommendations Bar in Blogger Blog or Websites.

Recommendations Bar

The recommendations bar lets people like content, get recommendations and share what they’re reading with their friends.
The recommendations bar is always docked to the lower right or left of the screen. When the page loads the recommendations bar is collapsed and people viewing it are shown the option to like your page.
As people navigate toward the end of your page, the plugin expands. The expanded view displays a social recommendation of the next article to read on your site.
You must include Open Graph markup on your stories so Facebook knows how to display them on the site. If you do not include this, the plugin will show an error message instead of a recommendation.

Expanding the plugin

The plugin is expanded once the trigger parameter requirements are met, and the person has been on the page for at least the duration specified in the read_time parameter. There are three values for the trigger parameter:
  • onvisible. The plugin is expanded when people scroll past the exact point where the <fb:recommendations-bar /> tag is placed on the page. This is the simplest option and will work best if you place the tag right at the end of your article's main content. This is the default.
  • X%, where X is any positive integer less than or equal to 100. This specifies the percent of the page that must be scrolled before the plugin is expanded. For example: 100% would indicate that people need to scroll all the way to the end of the page before the plugin expands. 50% indicates that people need to scroll to the middle point of the page.
  • manual. Use this option to manually trigger the plugin. When you want to trigger the plugin, callFB.XFBML.RecommendationsBar.markRead(href); in JavaScript. The href parameter is optional and will default to the current page if not set. If provided, it must match the href parameter on the XFBML tag. The manual trigger is useful when you have more a multipage article. For example on a three-page article, you would add trigger="manual" on pages one and two and never call the markRead JavaScript function on those pages.
The read_time parameter tells the plugin to wait a certain amount of time before it expands. It takes an integer representing the number of seconds. By default this will be set to 30 seconds. The minimum is 10 seconds. Note that in order for the plugin to expand, the trigger condition must be true, and the read_time must be met.
Hey Guys these things which you want know is become famous now a days because every person or blogger want more to famous and this helps you and your blog to famous.Facebook is such a best social networking site where we connect with our friends and family also.On that path Facebook is also providing you to create a page and know how many persons like you and what ever you make page related with.You know Facebook is becoming a part of Websites or blogger because they provides us very good faculty i.e why all peoples or blogger want Facebook like box,Facebook like button,Facebook comment box and much more.Here we know that how to add recommendation bar in your blog or websites.
Do some following steps.
Go to following link:  https://developers.facebook.com/docs/reference/plugins/recommendationsbar/       
Then their some picture like this:
By filling this form you get code like this:

Just paste the codes to your websites or blog then a like box comes in your blog like this:

Attributes

  • href - the URL of the page. The XFBML version defaults to the current page.
  • trigger - when the plugin expands. Note that this parameter is evaluated in addition to the read_time parameter. Default is when a user scrolls past the <fb:recommendations-bar/> tag. There are three options.
    • onvisible - read is published when a user scrolls past the exact point where the XFBML tag is placed on the page.
    • X% - where X is any positive integer less than or equal to 100. Indicates % of page scrolled past before read is triggered
    • manual - use this option to manually trigger the read action. You callFB.XFBML.RecommendationsBar.markRead(href); when you want the plugin to expand. The href parameter is only necessary if the <fb:recommendations-bar/> tag includes an explicit href attribute. By default, this is the current request URL.
  • read_time - The number of seconds before the plugin will expand. Default is 30 seconds. Minimum is 10 seconds.
  • action - The verb to display on the button. Options: 'like', 'recommend'
  • side - the side of the screen where the plugin will be displayed. This will automatically adjust based on the language, or can be set explicitly. Options: 'left', 'right'
  • site - a comma separated list of domains to show recommendations for. The default is the domain of the href parameter.
  • ref - a label for tracking referrals; must be less than 50 characters and can contain alphanumeric characters and some punctuation (currently +/=-.:_). The ref attribute causes two parameters to be added to the referrer URL when a user clicks a link from a stream story about a Like action:
    • fb_ref - the ref parameter
    • fb_source - the stream type ('home', 'profile', 'search', 'other') in which the click occurred and the story type ('oneline' or 'multiline'), concatenated with an underscore.
  • num_recommendations - the number of recommendations to display. By default, this value is 2 and the maximum value is 5.
  • max_age - a limit on recommendation and creation time of articles that are surfaced in the plugins, the default is 0 (we don’t take age into account). Otherwise the valid values are 1-180, which specifies the number of days.

0 Peoples tell for us:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.