[xLike] Идеальная система лайков с оптимистичным интерфейсом и правильной формулой
Пакет довольно прост и одновременно функционален. Выполняет систему рейтинга для любого объекта, по-умолчанию, для ресурсов. Чем-то напоминает систему лайков на YouTube, в частности, в пакете реализован оптимистичный интерфейс.
Также, особенностью компонента является правильный подсчет рейтинга на основе вычисления нижней границы доверительного интервала Вильсона для параметра Бернулли. По-простому: эта формула не даст встать новым записям с 1 лайком и 0 дизлайками выше более старых записей с сильным рейтингом.
Список преимуществ:
Выводит систему рейтинга на месте вызова.
mode — режим работы сниппета: db или local. В режиме local сниппет обходится без запроса к базе для того, чтобы узнать кол-во лайков/дизлайков и рейтинг, вместо этого вам необходимо передать эти цифры в сниппет в качестве параметров. По-умолчанию, db.
guest — разрешить гостям голосовать. По-умолчанию, Да.
parent — ID объекта. По-умолчанию, ID текущего ресурса.
class — класс объекта. По-умолчанию, modResource.
list — название списка (дополнительный параметр группировки). По-умолчанию, default.
Вывод рейтинга для текущего тикета без возможности голосовать гостям:
Вывод рейтинга для текущего ресурса в режиме local:
Данное событие срабатывает после голосования пользователем и всех проверок.
class — класс объекта,
list — название списка,
likes — кол-во лайков,
dislikes — кол-во дизлайков,
rating — текущий рейтинг, уже пересчитанный.
Код плагина:
Демо-сайт
Скачать в Modstore
Если есть желание отблагодарить:
ЯД — 4100159550314
PayPal — pavelgvozdb@yandex.ru
Также, особенностью компонента является правильный подсчет рейтинга на основе вычисления нижней границы доверительного интервала Вильсона для параметра Бернулли. По-простому: эта формула не даст встать новым записям с 1 лайком и 0 дизлайками выше более старых записей с сильным рейтингом.
Список преимуществ:
- Оптимистичный интерфейс,
- Наиболее правильная формула вычисления рейтинга,
- Работа с любыми объектами (modResource, modUser, кастомные объекты),
- Голосование гостями,
- Анимированное изменение полосы/числа рейтинга,
- Событие плагина — xLikeOnVote.
Сниппет xLike
Выводит систему рейтинга на месте вызова.
Параметры
tpl — чанк шаблона вывода. По-умолчанию, tpl.xLike.mode — режим работы сниппета: db или local. В режиме local сниппет обходится без запроса к базе для того, чтобы узнать кол-во лайков/дизлайков и рейтинг, вместо этого вам необходимо передать эти цифры в сниппет в качестве параметров. По-умолчанию, db.
guest — разрешить гостям голосовать. По-умолчанию, Да.
parent — ID объекта. По-умолчанию, ID текущего ресурса.
class — класс объекта. По-умолчанию, modResource.
list — название списка (дополнительный параметр группировки). По-умолчанию, default.
Примеры
Вывод рейтинга для текущего ресурса с возможностью голосовать гостям:{'!xLike' | snippet}Вывод рейтинга для текущего тикета без возможности голосовать гостям:
{'!xLike' | snippet : [
'guest' => false,
'class' => 'Ticket',
]}Вывод рейтинга для текущего ресурса в режиме local:
{'!xLike' | snippet : [
'mode' => 'local',
'likes' => $_modx->resource['likes'],
'dislikes' => $_modx->resource['dislikes'],
'rating' => $_modx->resource['rating'],
]}Событие xLikeOnVote
Данное событие срабатывает после голосования пользователем и всех проверок.
Параметры плагина
parent — ID объекта, к которому привязан рейтинг,class — класс объекта,
list — название списка,
likes — кол-во лайков,
dislikes — кол-во дизлайков,
rating — текущий рейтинг, уже пересчитанный.
Практическое применение
Задача: при голосовании в рейтинге (с параметрами сниппета class=modResource, list=default), записывать текущий рейтинг в ТВ поле rating.Код плагина:
switch ($modx->event->name) {
case "xLikeOnVote":
if ($class == 'modResource' && $list == 'default') {
if ($resource = $modx->getObject($class, array('id' => $parent))) {
$resource->setTVValue('rating', $rating);
}
}
break;
}Демо-сайт
Скачать в Modstore
Если есть желание отблагодарить:
ЯД — 4100159550314
PayPal — pavelgvozdb@yandex.ru
16 июля 2017, 18:05
Поблагодарить автора
Отправить деньги
Комментарии: 110
Отличный компонент, спасибо, Павел! Выглядит красиво и функционально. Единственный минус как по мне — нужно вызывать сниппет, а если это делать это из чанка например pdoResources, увеличится количество запросов к БД и время генерации страницы. Есть ли в планах сделать возможным голосование без вызова сниппета (вручную назначить класс/id для кнопок и полосы рейтинга в чанке pdoResources)?
Да, все верно, если сохранять данные рейтинга и кол-ва голосов в полях ресурса или другого объекта, то можно обойтись и без лишних запросов к БД. Вот тут код компонента, а тут непосредственно сниппет, который формирует propkey.
Готово! У сниппета появился дополнительный параметр &mode, позволяет выбрать режим вывода сниппета: db или local. В режиме local сниппет обходится без запроса к базе для того, чтобы узнать кол-во лайков/дизлайков и рейтинг, вместо этого вам будет необходимо передать эти цифры в качестве параметров в сниппет:
{'!xLike' | snippet : [
'mode' => 'local',
'likes' => $_modx->resource['likes'],
'dislikes' => $_modx->resource['dislikes'],
'rating' => $_modx->resource['rating'],
]}
Объясните пожалуйста, как вот это работает?
Если он «голосует» то в БД попадает соответствующая запись. (НО другому пользователю опять выведется то же значение TV что и было)
Я переношу систему рейтингов и думала, что к значению в TV будут прибавляться значения из БД, но видимо это не так.
Чтобы обновлять TV создала плагин
Так как он должен работать?
Делать как-то так?
{'!xLike' | snippet : [
'mode' => 'local',
'likes' => $_modx->resource['likes'],
'dislikes' => $_modx->resource['dislikes'],
'rating' => $_modx->resource['rating'],
]}Если он «голосует» то в БД попадает соответствующая запись. (НО другому пользователю опять выведется то же значение TV что и было)
Я переношу систему рейтингов и думала, что к значению в TV будут прибавляться значения из БД, но видимо это не так.
Чтобы обновлять TV создала плагин
<?php
switch ($modx->event->name) {
case "xLikeOnVote":
if ($class == 'modResource' && $list == 'default') {
if ($resource = $modx->getObject($class, array('id' => $parent))) {
$resource->setTVValue('myLike', $rating);
$resource->setTVValue('likes', $likes);
$resource->setTVValue('dislikes', $dislikes);
$resource->save();
}
}
break;
}Так как он должен работать?
Делать как-то так?
$resource->setTVValue('likes', $resource->getTVValue('likes') + $likes);
Думаю Алексей имел ввиду что-то вроде этого:
{'pdoResources' | snippet : [
'loadModels' => 'xLike',
'where' => [
'xlVote.class' => 'modResource'
],
'leftJoin' => [
'xlVote' => [
"class" => "xlVote",
"on" => "modResource.id = xlVote.parent"
]
],
'select' => [
'modResource' => '*',
'xlVote' => [
'COUNT(xlVote.value) as total',
'SUM(xlVote.value = 1) as likes',
'SUM(xlVote.value = -1) as dislikes'
]
]
]}'(((SUM(xlVote.value = 1) + 1.9208) / (SUM(xlVote.value = 1) + SUM(xlVote.value = -1)) - 1.96 * sqrt((SUM(xlVote.value = 1) * SUM(xlVote.value = -1)) / (SUM(xlVote.value = 1) + SUM(xlVote.value = -1)) + 0.9604) / (SUM(xlVote.value = 1) + SUM(xlVote.value = -1))) / (1 + 3.8416 / (SUM(xlVote.value = 1) + SUM(xlVote.value = -1))) * 100) as rating'
Здравствуйте! Прошу помощи — не накапливаются лайки.
В шаблоне вызываю чанк
Меняла
Все равно не накпливаются лайки. как исправить?
В шаблоне вызываю чанк
[[!xLike?
&parent=[[*id]]
&tpl=`tpl.xLikeMy`
]]Меняла
&mode=`local`&mode=`db`Все равно не накпливаются лайки. как исправить?
1) Для начала корректно пропишите вызов сниппета, строго по формату MODX.
2) Потом мне не ясно, что вы хотите накапливать и куда?
3) Я показал конкретные примеры на демо сайте, как надо вызывать и что из этого получается. Если почитать внимательно, то поймете, что к чему и как с этим работать.
2) Потом мне не ясно, что вы хотите накапливать и куда?
3) Я показал конкретные примеры на демо сайте, как надо вызывать и что из этого получается. Если почитать внимательно, то поймете, что к чему и как с этим работать.
Здравствуйте. Подскажите как отсортировать ресурсы по рейтингу? Сейчас сортирует так: Если на одном ресурсе 1 лайк (рейтинг 20,65) а на другом 1 лайк / 1 дизлайк (рейтинг 9,45), то выводится на первое место 2-й ресурс с рейтингом 9,45.
Создал плагин: xLikeOnVote с кодом который вы приводите в описании
Вывод делаю так:
Создал плагин: xLikeOnVote с кодом который вы приводите в описании
Вывод делаю так:
[[!pdoPage?
&element=`getTickets`
&parents=`[[*id]]`
&tpl=`afisha-popular`
&hideContainers=`1`
&includeTVs=`image, rating`
&limit=`4`
&sortby=`{"rating":"DESC"}`
]][[!xLike? &parent=`[[+id]]` &tpl=`rating`]]
нужно добавить нового поставщика: modstore.pro/info/connection и выбрав его найти это дополнение
Подскажите как вывести текущее место в рейтинге для отдельного обьекта голосования? Если подробнее, то на сайте есть голосование за учасниц конкурса (modUser) и нужно на странице учасницы указать на каком она сейчас месте в рейтинге. Дизлайки скрыты, можно только ставить лайк, что и считаеться как один голос.
Внимательнее.
особенностью компонента является правильный подсчет рейтинга на основе вычисления нижней границы доверительного интервала Вильсона для параметра Бернуллиhabrahabr.ru/company/darudar/blog/143188/
Как правильно записать это
{'!xLike' | snippet : [
'mode' => 'local',
'likes' => $_modx->resource['likes'],
'dislikes' => $_modx->resource['dislikes'],
'rating' => $_modx->resource['rating'],
]}[[!xLike?
&parent=[[*id]]
&mode=`local`
&likes=`tv.likes`
&dislikes=`tv.dislikes`
&rating=`tv.myLike`
&tpl=`tpl.xLike`
]]
Добрый день. Подскажите такой момент.
Есть товары. miniShop2
В карточке товара вызываю:
[[!xLike?
&parent=[[*id]]
&mode=`db`
&likes=`$_modx->resource['likes']`
&dislikes=`$_modx->resource['dislikes']`
&rating=`$_modx->resource['rating']`
&tpl=`tpl.xLike`
&class=`msProduct`
&list=`default`
]]
Создал дополнительные TV поля:
likes
dislikes
rating
Далее ставлю лайк товару. Но при редактировании товара поля likes, dislikes, rating по-прежнему пусты. Что я сделал не так? Или чего-то не сделал? Заранее спасибо.
Есть товары. miniShop2
В карточке товара вызываю:
[[!xLike?
&parent=[[*id]]
&mode=`db`
&likes=`$_modx->resource['likes']`
&dislikes=`$_modx->resource['dislikes']`
&rating=`$_modx->resource['rating']`
&tpl=`tpl.xLike`
&class=`msProduct`
&list=`default`
]]
Создал дополнительные TV поля:
likes
dislikes
rating
Далее ставлю лайк товару. Но при редактировании товара поля likes, dislikes, rating по-прежнему пусты. Что я сделал не так? Или чего-то не сделал? Заранее спасибо.
switch ($modx->event->name) {
case "xLikeOnVote":
if ($class == 'modResource' && $list == 'default') {
if ($resource = $modx->getObject($class, array('id' => $parent))) {
$resource->setTVValue('rating', $rating);
$resource->setTVValue('likes', $likes);
$resource->setTVValue('dislikes', $dislikes);
}
}
break;
}
Добрый день! Как правильно вызвать xLike не в текущем Тикете, а в списке Тикетов, с возможностью голосовать?
В текущем тикете так:
Как сниппет вызвать в списке?
В текущем тикете так:
{'!xLike' | snippet : [
'mode' => 'db',
'tpl'=>'myXLikeTpl',
'class' => 'Ticket',
'likes' => $_modx->resource['likes']
]}Как сниппет вызвать в списке?
Это не проблема. Это незнание базовых моментов.Я с Вами совершенно согласен. Мне стыдно, но я учусь.
По-поводу IP, мне бы хотелось отключать эту проверку где-нибудь в настройках. Сейчас ситуация такая. Есть фотография, которой пытаются поставить оценку, к примеру, три пользователя (каждый со своего устройства), подключенные к одной точке wi-fi. И если кто-то из них первый поставил оценку, то максимум, что могут сделать другие, это отменить оценку, поставленную первым проголосовавшим пользователем, а не оставить свою.
Обновляйтесь.
На демо сайт добавил возможность «потыкать». Второй пример.
Укажите сниппету xLike
1.0.3-beta (30.07.2018)
==============
- В сниппет добавлен параметр &ip, позволяющий отключить проверку по IPНа демо сайт добавил возможность «потыкать». Второй пример.
Укажите сниппету xLike
'ip' => false,
Павел, делаю с помощью Вашего компонента голосование, скажите, можно ли убрать логику правильного подсчета рейтинга на основе вычисления нижней границы доверительного интервала Вильсона для параметра Бернулли?
Т.е. чтобы было как нормальное голосование без учета дизлайка? Куда копать вообще?
Т.е. чтобы было как нормальное голосование без учета дизлайка? Куда копать вообще?
Тот кто вам это заявляет не понимает принципа работы компонента. Шкала рейтинга не на основании всего кол-ва записей, за которые голосовали (хотел бы я посмотреть, как долго будет отрабатывать такой скрипт, учитывая, что записи постоянно пополняются, а кол-во голосов увеличивается), а на основании формулы, упомянутой вами выше, относительно кол-ва лайков и дизлайков и ещё некоторых моментов, которые используются в формуле.
Проще говоря, если вам надо отсортировать записи на основании только лайков, то сортируйте по лайкам, а не по рейтингу. А если вам надо вывести процентный рейтинг текущей записи, учитывая все записи, то пишите эту логику самостоятельно.
Проще говоря, если вам надо отсортировать записи на основании только лайков, то сортируйте по лайкам, а не по рейтингу. А если вам надо вывести процентный рейтинг текущей записи, учитывая все записи, то пишите эту логику самостоятельно.
Вот логика
www.strawpoll.me/107782
Т.е. например, проголосовало 10 человек — это 100%
1 работа — 5 человек — 50%
2 работа — 3 человека — 30%
3 работа — 2 человека — 20%
Всего — 10 человек — 100 %
Вашим компонентом такого не сделаешь?
www.strawpoll.me/107782
Т.е. например, проголосовало 10 человек — это 100%
1 работа — 5 человек — 50%
2 работа — 3 человека — 30%
3 работа — 2 человека — 20%
Всего — 10 человек — 100 %
Вашим компонентом такого не сделаешь?
Здравствуйте! Немного странный вопрос, есть большое желание настроить на сервере fastcgi_cache (то есть фактически кешируется весь html код страницы, если произошли изменения он обновляется.)
Проблема в том, что если один юзер проголосовал, на странице подставится класс link_active и она закешируется. Зайдет другой пользователь и ему отдастся страница уже с классом link_active (если он нажмет кнопку с этим классом, по идее ему отдастся окно access denied, но не уверен) Есть возможность настраивать исключения для кеширования, но что тут исключать не понятно. Если кто сталкивался с подобным, поделитесь опытом.
Upd хотя вроде всё работает…
Периодически откуда-то всплывает класс link_active там где его не должно быть, но после обновления страницы уходит
Проблема в том, что если один юзер проголосовал, на странице подставится класс link_active и она закешируется. Зайдет другой пользователь и ему отдастся страница уже с классом link_active (если он нажмет кнопку с этим классом, по идее ему отдастся окно access denied, но не уверен) Есть возможность настраивать исключения для кеширования, но что тут исключать не понятно. Если кто сталкивался с подобным, поделитесь опытом.
Upd хотя вроде всё работает…
Периодически откуда-то всплывает класс link_active там где его не должно быть, но после обновления страницы уходит
Нет. На демо сайте новая версия и всё работает корректно. Ищите проблему локально. Смотрите в консоль браузера.
Да, сниппет ни где на сайте не вызывается, но если xlike установлен то везде подключаются стили и скрипты
<link rel="stylesheet" href="/assets/components/xlike/css/web/default.css" type="text/css" />
</head><script type="text/javascript" src="/assets/components/xlike/js/web/default.js"></script>
<script type="text/javascript">
if (typeof(xLikeCls) == "undefined") {
var xLikeCls = new xLike({"actionUrl":"\/assets\/components\/xlike\/action.php"});
}
</script>
Привет, тут трабл. Не сохраняются лайки, подскажи в чём дело пожалуйста. Все что тут, то и делал, больше нечего. Поле называет rating, всё выводится через pdoResources и $id это ID каждого выведенного ресурса. Буду благодарен! Крутое дополнение :)
Вызов:
{'!xLike' | snippet: [
'parent' => $id,
'class' => 'modResource',
'mode' => 'db',
'list' => 'default',
'likes' => $_modx->resource['likes'],
'dislikes' => $_modx->resource['dislikes'],
'rating' => $_modx->resource['rating'],
]}
tpl.xLike:
{*@formatter:off*}
<{$can? 'a': 'span'}
class=«xlike__link {$value > 0? 'xlike__link_active': ''} [ {$can? 'js-xlike-button': ''} ]»
{$can? 'data-xlike-value=«1» href=«javascript:undefined;»': ''}
>
<svg version=«1.1» id=«Слой_1» xmlns=«www.w3.org/2000/svg» xmlns:xlink=«www.w3.org/1999/xlink» x=«0px» y=«0px»
width=«31px» height=«27px» viewBox=«0 0 31 27» enable-background=«new 0 0 31 27» xml:space=«preserve»>
/>
{$likes | number_format: 0: '': ' '}
</{$can? 'a': 'span'}>
Добавление в TV поле (Плагин: add-rating):
<?php
switch ($modx->event->name) {
case «xLikeOnVote»:
if ($class == 'modResource' && $list == 'default') {
if ($resource = $modx->getObject($class, array('id' => $parent))) {
$resource->setTVValue('rating', $rating);
$resource->save();
}
}
break;
}
{'!xLike' | snippet: [
'parent' => $id,
'class' => 'modResource',
'mode' => 'db',
'list' => 'default',
'likes' => $_modx->resource['likes'],
'dislikes' => $_modx->resource['dislikes'],
'rating' => $_modx->resource['rating'],
]}
tpl.xLike:
{*@formatter:off*}
<{$can? 'a': 'span'}
class=«xlike__link {$value > 0? 'xlike__link_active': ''} [ {$can? 'js-xlike-button': ''} ]»
{$can? 'data-xlike-value=«1» href=«javascript:undefined;»': ''}
>
<svg version=«1.1» id=«Слой_1» xmlns=«www.w3.org/2000/svg» xmlns:xlink=«www.w3.org/1999/xlink» x=«0px» y=«0px»
width=«31px» height=«27px» viewBox=«0 0 31 27» enable-background=«new 0 0 31 27» xml:space=«preserve»>
/>
{$likes | number_format: 0: '': ' '}
</{$can? 'a': 'span'}>
Добавление в TV поле (Плагин: add-rating):
<?php
switch ($modx->event->name) {
case «xLikeOnVote»:
if ($class == 'modResource' && $list == 'default') {
if ($resource = $modx->getObject($class, array('id' => $parent))) {
$resource->setTVValue('rating', $rating);
$resource->save();
}
}
break;
}
подскажите, пожалуйста, как взять параметр из likes_fake? fenom почемуто на сайте не работает, при включении dom обнуляется, так что нужно обойтись без фенома)
вывожу так:
[[!xLike?
&parent=`[[*id]]`
&class=`modResource`
&list=`default`
&likes=`$_modx->resource['likes']`
&dislikes=`$_modx->resource['dislikes']`
&rating=`$_modx->resource['rating']`
]]
вывожу так:
[[!xLike?
&parent=`[[*id]]`
&class=`modResource`
&list=`default`
&likes=`$_modx->resource['likes']`
&dislikes=`$_modx->resource['dislikes']`
&rating=`$_modx->resource['rating']`
]]
fenom почемуто на сайте не работает, при включении dom обнуляется, так что нужно обойтись без фенома)Это проще поправить — Проблемы и решения, как правило мешает какая-нибудь метрика или скрипт на странице.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Здесь упомянуты:
| Компонент | Текущая версия | Закачки |
| xLike | 1.1.2-beta от 13.01.2021 | 985 |
| Tickets | 1.13.0-pl от 10.03.2020 | 19 560 |
| pdoTools | 2.13.2-pl от 02.09.2021 | 54 172 |
| mSearch2 | 1.14.11-pl от 02.05.2023 | 18 908 |
| miniShop2 | 4.4.0-pl от 06.08.2024 | 26 103 |
| AjaxForm | 1.2.2-pl от 17.10.2021 | 19 533 |
47 минут назад
Правильный вариант из текущей документации такой:
{set $condition = 1}
{switch $condition}
{case 0, 1, 2}
сработае...
8 часов назад
Моя кофейная гуща говорит о том, что это код html и там есть смайлики, а кодировка бд не utf8mb4.
22 ноября 2024, 21:57
Лучше деинсталировать и установить новую версию. Там полностью переписан JS.
22 ноября 2024, 20:33
Фильтрация как правило предполагает точное совпадения значений, а тебе нужен поиск.
22 ноября 2024, 19:55
Все исправилось, после замены на 'parents' => $_modx->resource.id
