Скрипт uLike / uDizlike для uCoz

О чем материал?

Вы хотите узнать, нравится ли ваш материал вашим читателям (посетителя)? Если хотите, сегодня мы рассмотрим бесплатный скрипт лайков, который позволит вашим посетителям оценивать ваши материалы в модулях (блог, новости, каталог статей, каталог файлов, каталог сайтов, каталог объявлений, онлайн игры, фотоальбом и форум).

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

Установка скрипта uLike / uDizlike для uCoz

1. Важно! Чтобы ваши посетители (гости), имели возможность оценивать ваши материалы, не забудьте перейти в права групп пользователей ваш-сайт.ру/panel/?a=users;l=groups;t=8 и выдать доступ гостям Видеть рейтинг материалов и оценивать материалы.

Если вы группе гости не выдадите доступ - Видеть рейтинг материалов, гости при посещении вашего сайта рейтинг не увидят.

2. В шаблоне страницы материала и комментариев модуля устанавливаем в том месте где хотим видеть кнопки рейтинга (советовал бы после кода $MESSAGE$) следующий код:

<h5>Понравилась статья?</h5> 
<div class="rate-box">
<a onclick="getRate(1,$ID$,'news');return false" href="#" title="Нравится" class="positive"><b><span class="rate-count" id="plus_$ID$">0</span></b></a>
<a onclick="getRate(-1,$ID$,'news');return false" href="#" title="Не нравится" class="negative"><b><span class="rate-count" id="minus_$ID$">0</span></b></a>
</div>
<script type="text/javascript">setRating($RATING$,$RATED$,$ID$)</script> 

У меня в примере прописан урл модуля новости news, вы же пропишите урл нужного вам модуля:

• news - Новости сайта
• blog - Блог (дневник)
• publ - Каталог статей
• load - Каталог файлов
• board - Доска объявлений
• dir - Каталог сайтов
• stuff - Онлайн игры
• photo - Фотоальбомы
• forum - Форум

с урл модулей разобрались.

3. Для работы скрипта кнопок, в глобальный блок Верхняя часть сайта, в самый низ после всего кода или в шаблон страницы материала и комментариев (нужных модулей) перед тегом </head> нужно установить такой скрипт:

<script src="/rate/getRate2.js"></script>

скрипт можете загрузить себе в файловый менеджер и прописать ссылку на свой сайт.

Установка стилей для кнопок

4. Прописать в таблицу стилей CSS после всех стилей и кавычек в самый низ, следующие стили:

/**********start button-plus/minus**********/
a.positive:focus, a.negative:focus {text-decoration:none!important;color:#fff!important;}
a.positive, a.negative {
 display: inline-block;
 padding: 5px 5px 5px 30px;
 text-align: center;
 font-size: 14px;
 background-color: #31c379;
 background-repeat: no-repeat;
 vertical-align: top;
 color: #fff;
 border: 2px solid transparent;
}

.positive {
 margin-right: 5px;
 background: #31c379 url(/rate/smile.png)no-repeat 3px 3px;
 border-radius: 5px;
 border-color: transparent #2bb26e #2bb26e transparent!important;
}

a.negative {
 background: #dadcdb url(/rate/sad.png) no-repeat 3px 3px;
 border-radius: 5px;
 border-color: transparent #dadcdb #dadcdb transparent;
 color: #888;
 padding: 5px 5px 5px 30px;
 text-align: center;
 width: auto;
 font-size: 14px;
 background-color: #dadcdb;
 background-repeat: no-repeat;
}

.rate-count {
margin-left: 3px;
}
.rate-box{
white-space:nowrap;
}
/*********End-button-plus/minus**********/

Загрузка файлов на FTP

Файлы иконок загрузите себе в файловый менеджер:

1. /rate/smile.png
2. /rate/sad.png

и в стилях выше пропишите ссылки на ваши иконки вместо моих текущих.

Примечание по работе скрипта

5. Немного информации по скрипту:

Где в участке getRate(mark, id, module, events);return false

• mark - Оценка (±1)
• id - ID оцениваемого материала
• module - название модуля (forum, blog, load, ...). Определяется автоматически, если не указано.
• events - объект обработчиков событий. 

Имеет 3 свойства:

• before - действие до отправки запроса. Принимает аргументом jQuery-объект, указывающий на #rate_$ID$.
• after-success - действие после успешной оценки. Принимает аргументами jQuery-объект, указывающий на #rate_$ID$ и новую оценку.
• after-error - действие после отправки запроса с ошибкой. Принимает аргументом код, возвращаемый сервером в первом теге cmd.

На этом пожалуй все. Если у вас остались вопросы по материалу, спрашивайте в комментариях.

Разработчик скрипта: likbezz.ru