Альтернативные рейтинги для блога

Всё не даёт мне покоя рейтинговая система блога, хочется найти нечто лучшее, с возможностью более детальной настройки, поскольку Blogger прячет код, с которого она подгружается, в своих недрах.

В Blogger, как вы наверное знаете, есть два типа рейтингов или оценки поста.
Это "действия" и "звёздочки". Их настройки доступны в полном объёме через админку-черновик блоггера.

Рейтинги в настройке сообщения Blogger

Гугля на эту тему я нашёл интересный сервис www.rating-system.com .
Он имеет настроечный интерфейс и позволяет создавать рейтинги/оценки в разных вариациях, вплоть до комментирования и подтвержения емэйлом.

Разумеется, не всё так шоколадно, потому что мы приходим к такому же раскладу, как и в Blogger, все подсчёты исполняются на недоступном нам сервере.

Но всё же стоит немного уделить внимания этой разработке.
Сервис - не альтруист, за свои услуги он просит денежку. Есть бесплатный тарифный план, который ограничивается 20000 просмотов в месяц. Для начинающего блога (моего это касается) и не очень раскрученного блога эта цифра огромная, поэтому можно смело регистрироваться и начать настраивать.

Сразу предупреждаю, что "в один клик" сделать ничего не выйдет. Выделяйте время, чтобы детально разобраться в настройках интерфейса и  самого будущего виджета.

Настроечный интерфейс сервиса рейтингов
Ничего так, да?

В правой колонке Widget, если вам не требуется котавасия с лишними формами, отмечайте Simple Blogger Style Rating.


Simple Blogger Style Rating

В Rating garphics кроется полтора десятка разных звёздочек, листиков, кружочков, которыми будут отображаться потенциальные оценки вашего поста.
В таблике нужно все надписи изменить на русские.
После того, как наиграетесь, жмите save для сохранения.

Далее вам станет доступным список сохранённых виджетов, из которого можно просмотреть будущий результат (превью) и получить html код.

Предпросмотр

Код для вставки в шаблон блога

Обратите внимание, что в коде находится часть настроек, и кое-что можно откастомить. На один блог так же можно вешать разного вида рейтинги

Но вернёмся к окну My Active Widgets, которое появилось, после создания своего рейтинга. Там есть выбор различных типов виджетов:

Активные виджеты
Для наглядности я обвёл их разными цветами:

-- красный (Simple Blogger Style Rating) - виджет рейтинга, код вставляется непосредственно в шаблон
-- оранжевый (Rating Average Box) - виджет просто отображает полосу и кол-во голосов, возможность ставить оценку не доступна
-- синий(Rating Summary Box) - виджет отображает хит-парад голосов
-- зелёный ("Top Rated Products" Box) - виджет показывает хит-парад статей по голосам (см. ниже скриншот)

Результирующие виджеты

На скриншоте я объединил оба последних виджета.

Демо (скриншот):


Я попробовал установить эти рейтинги в блог, всё прекрасно работает. Каждая статья обрабатывается отдельно за счёт строки в коде: window.location.href

Демо:


Куда поставить код?
Я ставил в шаблон Blogger над <!-- feed links -->.
Можно установить в после <data:post.body/>. В этом случае придётся виджет убирать с главной страницы, заключив весь код виджета между тегами <b:if cond='data:blog.pageType == &quot;item&quot;'></b:if>.

Конечно, над конечным видом надо будет поработать, но "удочку" хорошо сервиса я закинул :).

8 комментариев:

  1. Скажите как сделать такую статистику online: как увас?

    ОтветитьУдалить
  2. Используйте поиск по блогу :)

    ОтветитьУдалить
  3. Дайте ссылку плз на следы в праков нижнем углу сайта. Как это вообще происходит? Это магия?

    ОтветитьУдалить
  4. Вот ссылка http://blogger.omg-linux.ru/2011/07/scroll-to-top.html
    Это обычный jQuery "scroll to top".
    Следы сделаны как подвижные gif.
    Эх, забыл указать авторство анимашки в статье.
    Автор рисунка - блоггер sv9t, который сделал их для меня. Я их немного подкорректировал и вставил в блог.

    ОтветитьУдалить
  5. А можно вопрос?)) Как вы сделали в конце каждой статьи палец вверх или вниз ?) с помощью какого виджета?) Очень классная штука (если не секрет). Эта форма оценки не требует jQuerry? спасибо заранее)

    ОтветитьУдалить
  6. А можно вопрос?)) Как вы сделали в конце каждой статьи палец вверх или вниз ?) с помощью какого виджета?) Очень классная штука (если не секрет). Эта форма оценки не требует jQuerry? спасибо заранее)

    ОтветитьУдалить
  7. ой, извините, я дважды нечаянно отправил...(

    ОтветитьУдалить
  8. Это рейтинги с graddit.com. Я тут о них неоднократно писал.

    ОтветитьУдалить