Friday, August 28, 2009

Star rating system on your blog

How to install star rating widget to your blog or web site? You will find guide in this article. First we will take a look at free star rating and recommendation system outbrain.com. Outbrain.com is a content ranking and recommendation widget for blogs, RSS, magazines and news. Second, we will show how to implement outbrain star rating on blogger (this widget can be installed on the other blog platforms too). In the third section you can learn about blogger reactions feature and blogger star rating feature which exists only in draft mode.


Star rating widget - outbrain


One option is to use star rating and recommendation widget which you can find on web address www.outbrain.com. Outbrain star rating widget can be easily installed to different blog platforms (Typepad, Blogger, Wordpress, Drupal) and to FeedBurner RSS feed. Star rating system is very straightforward to install on blog. In second section you can find example of installing outbrain rating system on blogger. It can be installed on web sites too, by embeding generic java-script code on your site.


Outbrain star rating widget loook like this:


Star rating blogger widget

Outbrain star rating widget is composed of 5 star rating part and recommendations part. In star rating part you can see how many visitors rated page and average rating. In recommendations part there are personalized recommended links selected by outbrain rating system. You can exclude recommendations if you like.


If you are registered to Outbrain rating system service you can track rating of every post in your blog:


Blog post reports in outbrain rating system


Installing Outbrain rating widget on blogger



  • Register on www.outbrain.com (you can install rating system without Registering on outbrain site but then you will not have blog reports)

  • Sign in to outbrain site and click on "Claim your blog"

  • Enter blog URL, chose Yes for Install rating widget, Select your blogger platform and select language

    Claim blog on outbraing rating system

  • On Add Page Element click on Add Widget button and your blogspot blog have outbrain rating star widget on every post

Maybe you will need uninstall instructions for outbrain star rating widget for blogger:


  • From your Dashboard:
    Click Layout >> Edit (on Ratings by Outbrain) >> Remove Page Element

  • if ratings still appear in blogger

  • find and remove code :

    <b:widget title="Ratings by outbrain" type="HTML">


  • This code can be found on the layout tab in the "Edit html" section. Remove this code.


Blogger star rating and reactions feature



Blogger have its own five star rating feature. This feature exists only in blogger drat mode. To use blogger draft mode you should login on web address http://draft.blogger.com.


Blogger star rating feature

This feature didn't work well on my blog. There was problem with loading, one time it worked and another time did not.


Guide to use blogger star rating feature:
  • log in blogger draft mode

  • click Layout --> Page Elements in "Blog Posts" click on Edit

    Blogger edit posts


  • in Configure Blog Posts page check "Show Star Ratings" checkbox

    Blogger show star rating checkbox

Blogger reactions feature

Blogger also have reaction feature. With this feature visitors can check one of offered reactions and blog owner have feedback.


Blogger reactions feature

Instructions for installing blogger reactions widget:
  • click Layout --> Page Elements in "Blog Posts" click on Edit

  • in Configure Blog Posts page check "Reactions" checkbox (with click on Edit you can enter your preferred blog reactions separated by coma, for example on picture blog reactions are : bad, good, excellent)

    Edit of blogger reactions

  • click save and now you have reactions widget on every post

My experience with reactions feature is positive. It works very good without problems, while blogger star rating feature have difficulties and is still in draft mode.


No comments: