РЕАКТОР: Как я перенес дофамин из Telegram на свой сервер и сделал это правильно

После того как я заморозил телеграм-канал возник логичный вопрос обратной связи. Людям (вам) нужно куда-то тыкать. Вам нужно выражать согласие, респект или несогласие, не всегда вступая в дискуссию в комментариях. Это привычка, выработанная мессенджерами, и бороться с ней глупо. Её нужно возглавить.

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

Поэтому я сел и написал свой модуль. Встречайте: Loveprod Reactor.

Что это такое?

Это полностью самописная система реакций и подсчета просмотров, интегрированная в ядро сайта. Никаких сторонних сервисов. Никаких кук от корпораций. Всё работает локально.

Функционал:

  • Честный счетчик просмотров: Теперь под каждым постом вы видите реальное количество глаз (точнее, уникальных сессий), которые этот текст прочитали.
  • Реакции как в ТГ: Набор эмодзи (🔥, 👍, ❤️, 💩, 🤡). Выбирайте то, что подходит.
  • Тотальное покрытие: Реагировать можно не только на посты, но и на комментарии. Если кто-то написал дичь — ставьте клоуна. Если по делу — лайк.

Инженерная часть (Почему это круто)

Для меня было важно сделать это не «красиво», а «правильно». В чем суть:

  • Защита от накрутки (Fingerprinting): Я не использую навязчивые куки. Система создает анонимный хэш из вашего IP и User-Agent. Вы можете нажать кнопку, ваш голос засчитается. Нажмете еще раз — голос уберется. Накрутить счетчик кликером не выйдет — стоит защита от флуда (Rate Limiting).
  • Доступность (a11y): Это моя личная гордость. Система полностью адаптирована для незрячих. Скринридеры (NVDA, JAWS) не просто видят кнопки, они получают голосовое уведомление о действии: «Реакция Огонь добавлена» или «Реакция убрана». Без перезагрузки страницы, через ARIA-атрибуты.
  • Производительность: Весь код весит меньше, чем одна картинка в этом посте. Никаких тормозов.

Тестируйте. Блок с реакциями находится сразу под этим текстом. И не забывайте про комментарии — там теперь тоже весело.

👁️ 26

РЕАКТОР: Как я перенес дофамин из Telegram на свой сервер и сделал это правильно: 3 комментария

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

десять + 3 =

root@loveprod:~# connect
[×]

Получай дайджест раз в неделю.
Без спама.

>>