
Мова 🇺🇦 Українська
Основи
Зовнішній вигляд
Живе коментування
Пагінація та сортування
Поле відповіді
SSO
Анонімне коментування
Різне
Налаштування та конфігурація
Налаштування та конфігурація
Контекст
Тут ви знайдете детальну документацію щодо кожної з функцій та налаштувань, які підтримує віджет коментарів.
Ця документація охоплює основні концепції та детально розглядає кожну область функціональності, включно з інструкціями "як це зробити" та поширеними підводними каменями.
Наведено приклади коду з виділенням відповідних рядків. За потреби будуть надані знімки екрана сторінок конфігурації.
Приклади коду використовують нашу бібліотеку vanilla JavaScript, однак параметри конфігурації мають точно ті самі назви для всіх версій віджета коментарів (React, Vue тощо).
Більшість налаштувань та функцій, описаних у цьому посібнику, не потребують написання коду.
Ідентифікація вашого облікового запису 
Ви можете помітити, що віджет коментарів можна використовувати з Tenant ID "demo", наприклад:
Run 
Це призначено лише для ознайомлення та експериментів з віджетом коментарів. У продакшені ви передаватимете свій Tenant ID ось так:
Run 
Ваш Tenant ID вже застосовано у фрагменті коду віджета коментарів у вашому обліковому записі.
Ви також можете знайти свій Tenant ID та керувати своїми API-ключами на сторінці облікових даних API.
Відтепер, якщо ви увійшли в FastComments, приклади коду будуть використовувати ваш реальний Tenant ID (якщо ви увійшли на https://fastcomments.com).
Як коментарі пов'язані зі сторінками та статтями 
При відображенні гілки коментарів або залишенні коментаря FastComments має знати, до якої сторінки, статті чи продукту належать ці коментарі.
Для цього ми використовуємо те, що називаємо «URL ID». Це може бути ідентифікатор, наприклад рядок або число, або URL.
За замовчуванням, якщо ви не вкажете urlId, він буде дорівнювати URL сторінки. Ми беремо поточний URL сторінки та очищаємо його, видаляючи загальні маркетингові параметри або ідентифікатори відстеження.
У випадку інтеграцій сторонніх систем, таких як WordPress, наш плагін зазвичай використовує ідентифікатор, який представляє поточну переглянуту інформацію, як URL ID, наприклад ідентифікатор статті/сторінки.
Run 
Одним із елементів, на який ми часто посилаємося в цьому документі, є Інтерфейс налаштування віджета.
Цей інтерфейс можна використовувати для внесення багатьох змін у віджет коментарів без коду.
При створенні правила налаштування ми часто хочемо, щоб воно застосовувалося до всіх сторінок нашого сайту. Однак у деяких випадках ми хочемо налаштувати віджет коментарів на конкретній сторінці, наприклад, застосувати власний стиль або зробити коментарі на цій сторінці анонімними. Ви також можете, наприклад, дозволити живі коментарі з’являтися одразу на деяких сторінках, а на інших приховувати їх під кнопками сповіщень.
Все це можливо за допомогою поля вводу URL ID на цій сторінці, яке виглядає наступним чином:
Значення в цьому полі має відповідати параметру urlId, переданому у віджет коментарів. Якщо ви хочете, щоб ваше правило налаштування було незалежним від urlId, залиште це поле порожнім або введіть *.
З 2023 року поле URL ID у налаштуванні віджета також підтримує шаблони! Наприклад, ви можете використати */blog/* для додавання стилю, специфічного для вашого блогу, і */store/* для стилю, специфічного для вашого магазину, використовуючи один і той самий домен.
Gotchas
- Якщо ваша сторінка має хеш‑параметри (наприклад example.com#page-1) — вони за замовчуванням стануть частиною URL ID.
- Під час міграцій, наприклад з WordPress на Gatsby, вам можливо доведеться перенести значення коментарів URL ID після первинної міграції. Для цього звертайтеся до нас.
Відображення однакових коментарів на різних сторінках 
Оскільки параметр urlId дозволяє нам визначити, до якої сторінки або ідентифікатора прив'язані коментарі, ми можемо просто встановити urlId на те саме значення на цих сторінках.
Run 
Користувацьке стилізування 
FastComments розроблений для налаштування. Віджет коментування сам працює всередині iframe з міркувань безпеки, тому для застосування користувацького стилю потрібно дотримуватись одного з двох підходів.
Перший, найпростіший підхід, який ми віддаємо перевагу, — це використання сторінки налаштування віджету.
На сторінці налаштування віджету перегляньте розділ «Show Advanced Options», під яким розташована область з міткою «Custom CSS»:
У цьому підході є кілька переваг:
- Введений CSS мінімізується перед відправкою користувачеві, і форматування зберігається послідовним у інтерфейсі редагування.
- Ви отримуєте всі переваги інтерфейсу налаштування віджету, наприклад, легко налаштовуючи віджет коментування по-різному для різних сайтів.
- Коли ми вносимо зміни до віджету коментування, ваші користувацькі стилі будуть протестовані в рамках нашого процесу випуску.
Другий підхід — вказати параметр customCSS у конфігурації віджету, як показано нижче:
Run 
Однак у цьому є обмеження:
- Існує обмеження на обсяг користувацького CSS, який можна передати, інакше наші сервери відхилять запит через розмір заголовків.
- Ви повинні керувати користувацьким CSS у вашій інфраструктурі та системі збірки. Це може бути і перевагою, і недоліком.
- У цьому випадку додається додаткове навантаження на мережу — користувацький CSS надсилається двічі, спочатку на наші сервери, а потім назад у вміст iframe. Однак для більшості розмірів навантаження це непомітно.
- Поширена оптимізація — мінімізувати CSS, щоб зменшити його розмір у мережі, проте в цьому підході вам доведеться робити це самостійно.
- Ваш користувацький CSS не буде протестований, коли ми вносимо зміни.
Зовнішні CSS файли
Ви можете вказати віджету завантажувати зовнішній файл за допомогою @import!
Рекомендується розміщувати @import у правилі налаштування. Таким чином, якщо нам доведеться змінити віджет коментування, ми зможемо використати наші інструменти автоматизації для перевірки вашої конфігурації. Наприклад, ви створюєте правило налаштування у UI налаштування віджету, натискаєте Advanced і вводите у Custom CSS:
@import url(https://example.com/styles.css);
У коді — не рекомендується
Ви також можете завантажити зовнішній CSS файл через властивість customCSS:
Run 
Однак пам'ятайте, що ваш CSS не зможе бути протестований нами, якщо ви це зробите.
Стилізація модального вікна профілю користувача
Модальні вікна профілю користувача також можна стилізувати за допомогою користувацького CSS. Однак, щоб забезпечити застосування користувацького стилю до профілів, усі CSS‑селектори мають мати префікс .user-profile. Без цього префікса користувацький стиль буде проігноровано для модальних вікон профілю.
Наприклад:
Run 
Сумісність назад
У FastComments ми знаємо, що наші клієнти налаштовують віджет коментування. Це задумано — останнє, чого ми хочемо, це щоб наш продукт створював несумісності дизайну у вашому продукті.
Оскільки це важлива частина нашого продукту, у нас є конвеєр збірки, який дозволяє нам переглядати зміни у віджеті коментування для кожного клієнта перед кожним випуском.
Якщо ми виявимо незначні проблеми, ми оновимо ваш обліковий запис, щоб забезпечити плавний випуск. Якщо ми помітимо серйозні критичні зміни, це дозволяє нам зупинити випуск.
Користувацькі шрифти 
FastComments призначений для налаштування, і шрифт, який використовують наші віджети, не є винятком.
За замовчуванням FastComments використовує system font stack, щоб виглядати якомога краще на широкому діапазоні пристроїв.
Щоб задати власні шрифти, дивіться Документація з Custom CSS.
Там ви знайдете спосіб визначити кастомний CSS, що дозволить вам задати бажані шрифти.
Як задати шрифт
Щоб перевизначити шрифт, ми рекомендуємо визначати ваш CSS, використовуючи селектори .fast-comments, textarea. Наприклад:
Run 
Видалення брендування 
Для клієнтів з тарифними планами Pro або Enterprise дозволено брендування під власний бренд (white labeling). Просто зв'яжіться з нами, і ми із задоволенням допоможемо.
Якщо ви просто хочете видалити наш логотип із віджета коментарів, це автоматично доступно на тарифах Flex та Pro.
Ці тарифи також надають таку саму функціональність для електронних листів, що надсилаються з нашої платформи.
Підтримка темних фонів (темний режим) 
За замовчуванням віджет коментарів FastComments автоматично визначає темний режим на більшості сайтів.
Коли виявлено темний режим, FastComments переключається з чорного тексту на білому фоні на білий текст на чорному фоні. Також змінюватимуться зображення.
Під час завантаження сторінки віджет намагатиметься визначити, наскільки темним є фон сторінки за віджетом коментарів. Це означає, що сторінка може мати білий фон, але якщо ви розмістите віджет коментарів всередині контейнера з чорним фоном, темний режим має все одно автоматично вмикатись, щоб зробити коментарі читабельними.
Проте механізм виявлення, який спирається на визначення "luminance", може не активувати темний режим тоді, коли ви цього хочете. Щоб примусово увімкнути його, встановіть прапорець hasDarkBackground у true таким чином:
Run 
Перемикання темного режиму 
Для сайтів, які дозволяють перемикати темний режим після початкового завантаження сторінки, це трохи складніше.
По-перше, усі поточні версії бібліотеки віджета коментарів (React, Vue) містять приклади перемикання темного режиму у відповідних репозиторіях.
Для VanillaJS віджета нам потрібно зробити трохи більше роботи. По-перше, FastCommentsUI повертає об'єкт з функціями "destroy" і "update".
Ми можемо просто викликати функцію update щоразу, коли хочемо оновити конфігурацію віджета коментарів, як показано нижче. Ось повний робочий приклад перемикання темного режиму з VanillaJS віджетом.
Run 
Перевизначення тексту 
З FastComments весь текст у віджеті коментарів можна налаштувати.
Ви можете перевизначити окремий фрагмент тексту, наприклад кнопку надсилання, або весь текст у всьому віджеті коментарів.
За замовчуванням текст у віджеті коментарів перекладається відповідно до локалі користувача. Однак ми можемо перевизначити текст, якщо впевнені, що наша аудиторія використовує одну й ту ж мову/локаль, наприклад:
Run 
Усі налаштовувані переклади можна знайти тут у вкладці «advanced options».
Проте існує простіший спосіб, через інтерфейс налаштування віджета. У ньому ми можемо просто знайти текст, який відображається у віджеті коментування в локалі EN_US, і вказати заміну.
Усі перевизначення перекладів наразі впливають на всі локалі.
Це охоплює лише текст самого віджета. Щоб перекласти коментарі, які залишають ваші відвідувачі, дивіться Comment Translation.
Зміна аватара за замовчуванням 
Коли користувач коментує за допомогою FastComments вперше, ми спробуємо отримати його аватар з https://gravatar.com/.
Однак, якщо аватар не знайдено або користувач ніколи не встановлює його у своєму обліковому записі, ми відображаємо статичне зображення аватара за замовчуванням.
Щоб вказати власне статичне зображення аватара, можна використати налаштування defaultAvatarSrc.
Run 
Це також можна зробити без коду. На сторінці налаштування віджета перегляньте розділ «Аватар за замовчуванням».
Зверніть увагу, що визначення аватара для конкретного користувача, наприклад за допомогою SSO, розглядається в окремому розділі.
Вимкнення аватарів 
Аватари можна повністю видалити з віджету коментарів, навіть якщо користувачі визначили власний аватар.
Run 
Це можна налаштувати без коду, на сторінці налаштування віджету:
Вимкнення всіх стилів за замовчуванням 
Для великих проєктів кастомного стилювання може бути бажаним почати з чистого листа і не використовувати стилі за замовчуванням.
Усі стилі за замовчуванням можна видалити, встановивши параметр noStyles у значення true, наступним чином:
Run 
Це можна налаштувати без коду на сторінці налаштування віджету в розділі «Розширені параметри»:
Посилання з коментарів на сторінки 
Коли надсилаються сповіщення електронною поштою або відображаються коментарі в інтерфейсах користувача, наприклад на сторінці модерації, корисно мати можливість посилатися з коментаря на сторінку, де він розміщений.
Якщо URL ID не завжди є ідентифікатором, то потрібно зберігати URL в іншому місці. Для цього служить властивість "url", яка визначена так:
Run 
Поширений випадок використання — прив'язати тред коментарів до ідентифікатора, наприклад статті, а потім посилатися назад на конкретну сторінку, наприклад:
Run 
URL не очищується від типових маркетингових параметрів. За замовчуванням зберігається саме той URL, який є на поточній сторінці.
Згортання відповідей за замовчуванням 
За замовчуванням відповіді на коментарі верхнього рівня відображаються.
Це можна налаштувати так, щоб користувачеві доводилося натискати "Show Replies" на коментарях верхнього рівня, щоб побачити дочірні.
Run 
Це можна налаштувати без коду на сторінці налаштування віджета:
Це налаштування не вплине на кількість початково завантажених коментарів верхнього рівня. Якщо у вас один коментар верхнього рівня і 29 дочірніх, при ввімкненому цьому налаштуванні ви:
- Побачите коментар верхнього рівня.
- Побачите "Show Replies" (29) під цим коментарем.
Якщо ви хочете показати всі коментарі верхнього рівня у поєднанні з цією опцією, встановіть starting page to -1.
Увімкнути WYSIWYG 
За замовчуванням функції форматування в FastComments здійснюються шляхом додавання видимих тегів-якорів, таких як <b></b>, навколо вашого тексту. Натискання на панель інструментів
або використання швидких клавіш робить це за вас. Однак деякі спільноти можуть захотіти використовувати форматування без тегів-якорів. Це називається увімкненням
редактора WYSIWYG (what you see is what you get). Цей редактор виглядає точно так само, як і стандартний, за винятком того, що він завантажує додатковий
код, який дозволяє користувачам робити текст жирним, підкресленим тощо без видимих тегів-якорів.
Run 
Це також можна зробити без коду. На сторінці налаштування віджета перегляньте параметр "Enable Advanced Formatting" option.
Вимкнення панелі інструментів 
За замовчуванням FastComments показує панель інструментів під час написання коментаря, щоб надати швидкі клавіші для оформлення тексту та завантаження зображень.
Цю панель інструментів можна вимкнути в коді або за допомогою інтерфейсу налаштувань.
Run 
Це також можна зробити без коду. На сторінці налаштування віджету перегляньте параметр "Disable The Reply Toolbar".
Вимкнення блокування 
За замовчуванням FastComments дозволяє користувачам блокувати інших користувачів. Блокування користувача призведе до маскування їхніх коментарів, запобігає сповіщенням між користувачами тощо.
Можливо, буде бажано вимкнути цю функціональність. Це можна зробити так:
Run 
Це також можна зробити без коду, що також забезпечує правильну серверну валідацію, за допомогою інтерфейсу налаштування віджета:
Визначення, яку сторінку відображати 
Під час отримання та відображення коментарів віджет коментарів має знати, з якої сторінки починати. За замовчуванням він починається з першої сторінки і відображає лише цю сторінку.
Якщо потрібно, точну сторінку, яку слід відобразити, можна передати віджету коментарів через налаштування startingPage.
Run 
Зауважте, що нумерація сторінок починається з нуля, тому вищенаведений приклад відображає другу сторінку.
Перемикання гілок коментарів без перезавантаження сторінки 
Ми розглянули, як urlId — це ідентифікатор сторінки або статті, до яких прив'язані коментарі.
Також, нагадаємо, якщо urlId не визначено, він за замовчуванням прийматиме поточну URL-адресу сторінки.
А як бути з SPA, або односторінковими застосунками (Single-Page-Applications), де сторінка або вміст, до яких прив'язані коментарі, змінюється динамічно без повного перезавантаження сторінки?
Angular, React, Vue тощо
У наших бібліотеках, таких як Angular та React, достатньо оновити властивість urlId, передану віджету, щоб віджет коментарів оновився. Ви можете побачити це на прикладі React-додатку, наприклад, тут.
VanillaJS
Якщо ви використовуєте бібліотеку VanillaJS, це трохи складніше, оскільки немає фреймворку на кшталт Angular або React для обробки прив'язки даних або поширення стану.
Коли ви створюєте екземпляр віджету VanillaJS, він повертає деякі функції, які можна викликати для його оновлення.
Ось робочий приклад, де ми змінюємо хеш сторінки і оновлюємо віджет коментарів:
Run 
Абсолютні дати (вимкнути дружні до людини мітки часу) 
За замовчуванням використовуються локалізовані відносні дати. Наприклад, поруч із нещодавно залишеним коментарем ви можете бачити "11 хвилин тому".
Можливо, буде необхідно або бажано використовувати абсолютні дати, у цьому випадку ви встановлюєте цей параметр у true.
Run 
Це можна налаштувати без коду на сторінці налаштування віджета в розділі Розширені параметри:
Відображення як абсолютних, так і відносних дат 
За замовчуванні використовуються локалізовані відносні дати. Наприклад, поруч із нещодавно залишеним коментарем ви можете бачити "11 хвилин тому".
Можливо, буде необхідно або бажано залишити цей відносний формат дати, але також показати повну дату поруч, у цьому випадку ви встановлюєте цей параметр у true.
Run 
Це можна налаштувати без коду на сторінці налаштування віджету в розділі Додаткові параметри. Спочатку вам потрібно ввімкнути Абсолютні дати, щоб побачити цю опцію в інтерфейсі.
Додавання тексту заголовка 
Деякий текст, наприклад заголовок або повідомлення, може бути відображений під кількістю коментарів, але над текстом статусу входу.
Ми називаємо це заголовком, і за замовчуванням він прихований.
Run 
Це можна налаштувати без коду на сторінці налаштування віджету в розділі «Розширені параметри»:
Відображати посилання як текст 
За замовчуванням FastComments відображає посилання так: https://exmaple.com — де URL посилання перетворюється на клікабельний HTML‑тег anchor.
Деякі сайти можуть захотіти вимкнути це, наприклад, щоб запобігти шахраям. Ми надаємо цю можливість, встановивши Comment HTML Rendering Option у Links as Text.
Це можна налаштувати без коду на сторінці налаштування віджета, для всього домену або окремої сторінки:
Перемикання коментарів за допомогою кнопки 
За замовчуванням FastComments відображає поле вводу коментаря та гілку коментарів одночасно. Щоб заощадити вертикальний простір, він також приховує інші обов’язкові поля, доки користувач не взаємодіє з віджетом.
Однак віджет коментарів можна сховати за кнопкою, наприклад:
Кнопка використовує різний перекладений текст залежно від того, чи показані коментарі в даний момент. Якщо коментарі приховані, використовується translations.SHOW_COMMENTS_BUTTON_TEXT. Якщо
коментарі показані, використовується translations.HIDE_COMMENTS_BUTTON_TEXT. Переклади можуть містити текст [count], який буде
замінений локалізованою кількістю.
Run 
Це призначено для заміни конфігурації hideCommentsUnderCountTextFormat.
Кількість оновлюється в режимі реального часу разом з гілкою коментарів. Кнопка не відображається, якщо немає коментарів.
Це можна ввімкнути без коду, створивши правило налаштування та активувавши "Click to Show Comments":
Налаштування тексту кількості коментарів 
Кількість коментарів, що відображається у верхній частині віджета коментарів, можна налаштувати.
Це можна замінити будь‑яким рядком, і значення [count] буде замінено на кількість, локалізовану для користувача.
Run 
Це можна налаштувати без коду на сторінці налаштування віджета:
Вимкнути перенаправлення зображень 
За замовчуванням FastComments дозволяє користувачам завантажувати зображення. Коли користувач натискає на це зображення, FastComments за замовчуванням відкриває нову вкладку, щоб показати зображення у повному розмірі. Встановлення цього прапорця в true вимикає цю поведінку:
Run 
Якщо ви не плануєте самостійно перехоплювати натиск на зображення (див. onImageClicked), ми рекомендуємо поєднати це з певними стилями щоб прибрати вигляд того, що зображення можна натиснути.
Вимкнути автоматичне створення хештегів 
Коли користувачі вводять хештеги у вигляді #someexampletag, FastComments автоматично створює цей HashTag і підсвічує його у їхньому коментарі.
У деяких випадках бажано вимкнути цю функцію або контролювати, які хештеги можна використовувати через API.
Для цього просто увімкніть Disable Automatic #hashtag Creation через інтерфейс налаштування віджету.
Вимкнути сповіщення (дзвінок) 
За замовчуванням FastComments показує сповіщувальний дзвінок у правому верхньому куті області коментарів.
Цей дзвінок стане червоним і покаже кількість сповіщень, які має користувач. Приклади сповіщень:
- Користувач відповів вам.
- Користувач відповів у темі, в якій ви коментували.
- Користувач поставив вашому коментарю лайк.
- Користувач відповів на сторінку, на яку ви підписалися.
Сповіщувальний дзвінок також забезпечує механізм підписки на всю сторінку.
Проте, ми можемо повністю вимкнути сповіщувальний дзвінок:
Run 
Це також можна зробити без коду. На сторінці налаштування віджету, дивіться розділ «Вимкнути сповіщувальний дзвінок».
Вимкнути профілі 
За замовчуванням FastComments показує профіль користувача, коли ви клацаєте на його аватар.
Однак ми можемо вимкнути цю функціональність:
Run 
Це також можна зробити без коду. На сторінці налаштування віджета, перегляньте розділ "Вимкнути профілі".
Вимкнути коментарі в профілі 
За замовчуванням FastComments показуватиме вкладку "Коментарі профілю" у профілях користувачів, дозволяючи відвідувачам залишати коментарі на чийсь профіль.
Проте ми можемо вимкнути цю вкладку:
Run 
Це також можна зробити без коду. На сторінці налаштування віджету перегляньте розділ "Вимкнути коментарі профілю".
Вимкнути прямі повідомлення в профілі 
За замовчуванням FastComments показує вкладку «Прямі повідомлення» у профілях користувачів, дозволяючи відвідувачам надсилати прямі повідомлення користувачеві.
Проте ми можемо вимкнути цю вкладку:
Run 
Це також можна зробити без коду. На сторінці налаштування віджету перегляньте розділ «Вимкнути прямі повідомлення» розділ.
Вимкнути повідомлення про успіх 
За замовчуванням FastComments показує повідомлення про успішне надсилання після коментування. Це можна вимкнути наступним чином:
Run 
Це також можна зробити без коду. На сторінці налаштування віджету:
Змінити рейтинг вмісту GIF-ів 
За замовчуванням віджет коментарів FastComments встановлює gif rating у pg.
Доступні варіанти: g, pg, pg-13 та r.
Це можна встановити в коді або через інтерфейс користувача. У коді це можна зробити наступним чином:
Run 
У UI ви знайдете це під Gif Picker Rating, доки Disable Image Uploads? не позначено.
Модерація вмісту зображень 
За замовчуванням у віджеті коментарів FastComments модерація вмісту зображень вимкнена off.
Доступні варіанти: off, low, medium та high.
У інтерфейсі налаштування віджета ви знайдете це під Image Content Moderation Level, доки не встановлено прапорець Disable Image Uploads?.
Змінити стиль голосування 
За замовчуванням FastComments відображає варіанти голосування у вигляді стрілок вгору та вниз, дозволяючи користувачам підвищувати або знижувати голос коментаря.
Однак можна змінити стиль панелі голосування. Поточні варіанти — це стандартні кнопки Вгору/Вниз або використання механізму голосування у вигляді серця.
Ми використовуємо прапорець voteStyle наступним чином:
Run 
Ми настійно рекомендуємо робити це без коду, оскільки це також вмикає серверні перевірки. На сторінці налаштування віджету дивіться розділ "Vote Style".
Голосування також можна вимкнути, дивіться Disable Voting вище параметрів стилю.
Вимкнути видалення 
За замовчуванням FastComments дозволяє користувачам видаляти їхні коментарі.
Проте, це можна запобігти.
На сторінці налаштування віджету, перегляньте параметр "Disable Deleting".
- Це стосується лише звичайних коментаторів і не стосується модераторів або адміністраторів, які все ще зможуть видаляти.
- Це також вплине на інтеграції API, коли передається
contextUserId.
Вимкнути редагування 
За замовчуванням FastComments дозволяє користувачам редагувати їхні коментарі.
Проте, це можна запобігти.
На сторінці налаштування віджета, перегляньте параметр "Вимкнути редагування".
- Це впливає лише на звичайних коментаторів і не на модераторів або адміністраторів, які все ще зможуть редагувати.
- Це також вплине на інтеграції API, коли передається
contextUserId.
Виділення нових коментарів 
FastComments пропонує кілька способів виділити нові коментарі.
По-перше й найголовніше, за замовчуванням коментарі, які спричинили внутрішнє сповіщення (відповіді, відповіді в тій же темі, або коментарі на сторінці
на яку ви підписані), автоматично виділяються тим, що аватар користувача трохи світиться. Колір можна налаштувати через CSS
використовуючи клас is-unread.
Коментарі, опубліковані протягом останніх 24 годин, мають застосований клас 24hr, який можна використовувати для стилізації.
Нарешті, будь-які нові живі коментарі, які з'являються в сесії користувача, будуть виділені протягом кількох секунд за допомогою анімації. Це робиться через
is-live CSS клас і також може бути налаштоване.
Розміри сторінки 
За замовчуванням розмір сторінки FastComments становить 30. Це включає відповіді в гілках.
Розмір сторінки можна налаштувати в Widget Configuration UI у різних розмірах від 10 до 200.
Зверніть увагу, що зміна розміру сторінки вимагає перерахунку всіх гілок коментарів у вашому обліковому записі. Це може зайняти кілька хвилин.
Це не можна налаштувати у віджеті на стороні клієнта, оскільки сторінки обчислюються на сервері.
Нижче показано приклад конфігурації:
Розміри сторінок можна налаштовувати глобально, або для домену, або для окремої сторінки, створюючи різні правила налаштування.
Це вплине на всіх клієнтів, інтеграції та фреймворки, які ви можете використовувати для відображення коментарів через нашу платформу.
Шаблони електронної пошти 
Електронні листи, які надсилає FastComments вашим клієнтам, можна налаштувати. Шаблон, логіка, та переклади — усе можна змінити. Текст можна налаштовувати для кожної локалі, а оформлення можна навіть змінювати для кожного домену. Дізнайтеся більше про власні шаблони електронних листів тут.
Формати імен користувачів 
За замовчуванням FastComments показує ім'я користувача так, як він його ввів, або так, як воно було передане нам через SSO.
Однак іноді бажано приховати або показати ім'я користувача іншим способом. Наприклад, якщо ім'я користувача — Allen Rex, можливо, ви хочете показувати лише "Allen R.".
Це можна зробити без коду в інтерфейсі налаштування віджета, у параметрі під назвою Commenter Name Format:
Доступні формати:
- Capitalize (приклад користувача відображається як Example User)
- Last Initial (Example User відображається як Example U.)
- All Initials (Example User відображається як E. U.)
- Показувати "Anonymous"
Зміна набуває чинності негайно. Користувачі, як і раніше, бачитимуть своє повне ім'я користувача вгорі області коментарів, для себе, але їхні коментарі показуватимуть змінене ім'я користувача.
Імена користувачів маскуються на стороні сервера для захисту користувачів.
Вимкнення завантаження зображень 
За замовчуванням FastComments дозволяє завантаження зображень. Це можна вимкнути, встановивши прапорець noImageUploads у true.
Run 
Це можна налаштувати без коду на сторінці налаштування віджета:
Дозволити вбудовування медіа 
За замовчуванням FastComments не дозволяє iframes у коментарях. Коли ви увімкнете вбудовування медіа, коментатори можуть вставляти код вбудовування (фрагмент <iframe>) від надійних постачальників, таких як YouTube, Vimeo, SoundCloud та Spotify, і він буде відображатися безпосередньо в коментарі.
З міркувань безпеки це не прапорець конфігурації віджета на стороні клієнта. Це налаштування на стороні сервера, яке перевіряється під час збереження кожного коментаря, тому його неможливо увімкнути зі сторінки. Дозволяються лише iframes, що вказують на вбудований список надійних постачальників. Будь-який інший iframe видаляється.
Це робиться без коду, на сторінці налаштування віджета:
Додавання власних постачальників
Якщо ви хочете дозволити вбудовування від постачальника, якого немає у вбудованому списку надійних, додайте його ім'я хоста у поле "Additional Embed Domains" на тій самій сторінці. Ці імена хостів дозволяються на додаток до вбудованих постачальників. Збіг є точним, тому вказуйте повне ім'я хоста (наприклад, player.example.com). Все, що ви не вкажете, залишається заблокованим.
Як звичайне поле коментаря, так і WYSIWYG-редактор підтримують вставку вбудовування. У WYSIWYG-редакторі вбудовування вставляється як блок, який можна видалити.
Увімкнути поле пошуку 
За замовчуванням у віджеті коментарів не відображається поле пошуку.
Однак ми можемо ввімкнути його, встановивши прапорець enableSearch у значення true:
Run 
Це також можна зробити без коду. На сторінці налаштування віджета перегляньте параметр «Увімкнути поле пошуку».
Увімкнути спойлери 
Ми можемо ввімкнути підтримку спойлерів, встановивши прапорець enableSpoilers у значення true:
Run 
Це також можна зробити без коду. На сторінці налаштування віджету, перегляньте опцію "Enable Spoilers".
Коли текст виділено, і тепер видима кнопка SPOILER натискається, текст буде замасковано, доки користувач не наведеться на нього мишкою. Для темного режиму ми робимо те ж саме, з іншими кольорами, які краще підходять для темного режиму.
Це також сумісно з редактором WYSIWYG.
Увімкнути підрахунок переглядів коментарів 
За замовчуванням FastComments не відстежує, хто переглянув кожен коментар, і не надає жодної статистики щодо цього.
Однак ми можемо ввімкнути цю функцію, і тоді система почне відстежувати, коли кожен користувач прокручує до коментаря.
Коли це відбувається, лічильник поруч із іконкою ока, що показується під кожним коментарем, збільшується. Лічильник оновлюється в режимі реального часу і скорочується відповідно до локалі користувача.
Ми можемо ввімкнути це, встановивши прапорець enableViewCounts у значення true:
Run 
Це можна налаштувати без коду на сторінці налаштування віджету:
Ми відстежуємо ідентифікатор користувача* який переглянув коментар протягом одного тижня, щоб якщо ви переглянете коментар знову протягом цього тижня, лічильник не збільшувався. Якщо ви переглянете коментар знову після закінчення тижня, лічильник збільшиться знову.
- *Примітка: або анонімний ідентифікатор сесії, або IP користувача у вигляді хешованого значення.
Показувати живі коментарі одразу 
За замовчуванням живе коментування ввімкнено. Це означає, що якщо будь‑які коментарі додаються, видаляються, редагуються або закріплюються, зміни мають з’являтися у всіх користувачів, які переглядають гілку коментарів одночасно.
Проте, за замовчуванням нові коментарі будуть відображатися під динамічно показаною кнопкою з текстом, схожим на «Show 2 New Comments».
Якщо нові коментарі є відповідями безпосередньо до сторінки, кнопка буде розташована у верхній частині гілки коментарів. Якщо це відповіді на конкретний коментар, кнопка буде під цим коментарем.
Це робиться, щоб запобігти постійному зміненню розміру сторінки у користувача, що може викликати розчарування під час спроби захопити смугу прокрутки.
Для деяких випадків використання, таких як живі торги або онлайн‑події, це не бажана поведінка — ви можете захотіти, щоб віджет коментування був більше схожим на «chat» box, де нові коментарі «з’являються одразу».
Отже, назва прапорця, який вмикає цю функцію: showLiveRightAway.
Ми можемо ввімкнути його наступним чином:
Run 
Це можна налаштувати без коду на сторінці налаштування віджета:
Вимкнення живого коментування 
За замовчуванням FastComments матиме ввімкнене живе коментування.
Це означає, що кожен глядач потоку коментарів має бачити один і той самий вміст.
Наприклад, якщо додати коментар, цей коментар має з'явитися. Якщо коментар відредаговано або видалено, то ці коментарі будуть відредаговані або видалені для всіх глядачів потоку. Те ж саме щодо голосувань та всіх дій модерації.
Проте ми можемо це вимкнути:
Run 
Це також можна зробити без коду. На сторінці налаштування віджету перегляньте розділ "Вимкнути живе коментування".
Нові живі коментарі внизу 
За замовчуванням нові коментарі в реальному часі з'являються вгорі списку коментарів у міру їх публікації.
Коли ця опція увімкнена, нові коментарі в реальному часі додаватимуться внизу списку. Це впливає на те, як коментарі з'являються під час публікації в реальному часі, коли користувачі переглядають гілку коментарів.
Run 
З увімкненим цим налаштуванням:
- Нові коментарі, опубліковані іншими користувачами, з'являтимуться внизу списку коментарів
- Користувачі бачитимуть, як нові коментарі з'являються під існуючими в реальному часі
- Це впливає лише на оновлення коментарів у реальному часі — не на початкове завантаження сторінки
- Це може допомогти зберегти потік читання, коли користувачі стежать за обговоренням
Зверніть увагу, що це налаштування впливає лише на те, де розміщуються нові коментарі в реальному часі в міру їх надходження. Воно не впливає на початковий порядок сортування під час завантаження сторінки.
Увімкнення нескінченної прокрутки 
За замовчуванням віджет FastComments автоматично змінює свою висоту, щоб вмістити всі видимі коментарі. Пагінація реалізується за допомогою кнопки "Показати наступні" в кінці поточної сторінки, оскільки ми виявили, що така взаємодія найбільше подобається більшості користувачів.
Однак є випадки, коли віддають перевагу нескінченному прокручуванню. Наприклад, ми використовуємо цю функцію в нашому продукті Stream Chat.
Ми можемо приховати кнопки "Показати наступні" і переключитися на нескінченне прокручування, встановивши прапорець enableInfiniteScrolling у true:
Run 
Це також вимагає додавання власного CSS. Додайте кастомні стилі для селектора .comments, щоб увімкнути прокручування, наприклад:
Run 
Повний робочий приклад буде таким:
Run 
У наведеному вище прикладі ми використовуємо властивість customCSS, однак для причин продуктивності рекомендується замість цього використовувати інтерфейс налаштування віджета. Див. документацію з Custom CSS.
Зміна напрямку сортування за замовчуванням 
За замовчуванням FastComments буде сортувати коментарі за напрямком сортування "Most Relevant".
Сортування Most Relevant враховує час залишення коментаря та кількість голосів при сортуванні.
Користувач може потім змінити напрямок сортування на "Oldest" або "Newest First" у інтерфейсі віджета коментарів.
Однак ми можемо змінити значення за замовчуванням на будь-яке з трьох. Наприклад, якщо ви хочете показати найстаріші коментарі першими:
Run 
Ми встановлюємо значення defaultSortDirection на "OF", щоб задати напрямок "OF".
Для напрямку сортування newest-first ми б зробили наступне:
Run 
Допустимі значення для defaultSortDirection є:
- MR: "Most Recent"
- NF: "Newest First"
- OF: "Oldest First"
Це також можна зробити без коду. На сторінці налаштування віджета, дивіться розділ "Default Sort Direction".
Зверніть увагу, що коментарі на кожній сторінці для кожного напрямку сортування попередньо обчислюються, тому всі напрямки сортування мають однакову продуктивність.
Відображення всіх коментарів одразу — вимкнути пагінацію 
Щоб відключити пагінацію і відобразити всі коментарі одразу, встановіть startingPage на -1.
Run 
Переміщення поля відповіді після коментарів 
За замовчуванням область вводу коментаря розташована перед потоком коментарів. Однак, встановивши цей параметр конфігурації в true ми можемо перемістити її після.
Run 
Це можна налаштувати без коду на сторінці налаштування віджета:
Обмеження довжини коментаря 
Максимальна кількість символів, які можна ввести в поле вводу коментаря, може бути обмежена параметром maxCommentCharacterLength.
За замовчуванням це 2000.
Такі речі, як URL‑зображень, не включаються у визначення довжини.
Run 
Це можна налаштувати без коду на сторінці налаштування віджета:
Вимкнути багаторядкові коментарі 
За замовчуванням FastComments дозволяє користувачеві вводити коментар у будь‑якій кількості рядків, до досягнення стандартного ліміту символів.
Однак може бути бажаним обмежити користувача вводом лише одного рядка тексту. Прикладами використання можуть бути онлайн‑аукціони або живий чат, для яких можна використовувати FastComments.
Ми вмикаємо прапорець useSingleLineCommentInput наступним чином:
Run 
Це також можна зробити без коду. На сторінці налаштування віджету перегляньте розділ "Увімкнути однорядковий ввід коментаря".
Зверніть увагу, що коментарі на кожній сторінці для кожного напрямку сортування попередньо обчислюються, тому всі напрямки сортування мають однакову продуктивність.
Обмежити кількість коментарів на користувача 
За замовчуванням кожен користувач може надіслати до 5 comments за одну хвилину.
Це відстежується за ідентифікатором користувача, ідентифікатором анонімного користувача та IP-адресою (хешованою).
Це можна налаштувати без коду на сторінці кастомізації віджета:
Зверніть увагу, що якщо ви використовуєте API створення коментарів, можливо, варто передати оригінальну IP-адресу користувача (ip) у запиті до нашого бекенду, щоб обмеження частоти застосовувалося
до окремого користувача, а не глобально до вашого облікового запису.
Запобігти новим коментарям верхнього рівня 
Встановлення noNewRootComments в true призведе до того, що віджет приховає область відповіді на кореневі коментарі, але все ще дозволятиме користувачам відповідати
на дочірні коментарі. Ви, наприклад, можете встановити це умовно під час завантаження сторінки, щоб лише деяким користувачам дозволити залишати коментарі верхнього рівня.
Run 
Максимальна глибина відповіді 
За замовчуванням FastComments дозволяє необмежену глибину вкладення відповідей, створюючи структуру нитки, де користувачі можуть нескінченно відповідати на відповіді.
Опція maxReplyDepth дозволяє обмежити, наскільки глибоко можуть розвиватися ланцюжки відповідей. Коли досягається максимальна глибина, користувачі більше не бачитимуть кнопку відповіді для коментарів на цьому рівні.
Run 
With maxReplyDepth set to 2:
- Користувачі можуть залишати коментарі на верхньому рівні (глибина 0)
- Користувачі можуть відповідати на коментарі верхнього рівня (глибина 1)
- Користувачі можуть відповідати на ці відповіді (глибина 2)
- Подальші відповіді не дозволені за межами глибини 2
Встановлення значення 1 дозволить лише відповіді на коментарі верхнього рівня, створюючи більш пласку структуру обговорення.
Встановлення maxReplyDepth у 0 відключить усі відповіді, дозволяючи лише коментарі верхнього рівня. Якщо не вказано, відповіді можуть вкладатися без обмежень.
Вимагати прийняття умов обслуговування 
FastComments дозволяє вимагати від користувачів, які залишають коментар вперше, прийняття ваших Умов використання перед надсиланням коментаря.
Коли ця функція увімкнена:
- Анонімні користувачі бачитимуть прапорець TOS щоразу, коли залишають коментар
- Автентифіковані користувачі бачитимуть прапорець лише під час першого коментаря або коли ви оновите свої TOS
Конфігурація
Перейдіть на сторінку налаштування віджета та увімкніть прапорець "Require Terms of Service acceptance". Після увімкнення ви побачите такі параметри:
- TOS Text Mode: За замовчуванням прапорець відображає текст "I agree to the Terms of Service and Privacy Policy" з посиланнями на обидва документи. Виберіть "Customize text per locale", щоб вказати власний текст для кожної мови.
- TOS Last Updated Date: Коли ви оновлюєте свої Умови використання, встановіть цю дату. Користувачі, які прийняли умови до цієї дати, повинні будуть прийняти їх знову.
Як це працює
- Час прийняття TOS зберігається для кожного користувача та кожного коментаря
- Коли користувач приймає TOS, дата записується в його профіль (для кожного орендаря окремо)
- Якщо ви встановите дату "Last Updated", яка пізніша за дату прийняття користувачем, йому потрібно буде прийняти умови знову
- Для анонімних користувачів, яких неможливо відстежити, прапорець з'являється під час кожного надсилання коментаря
Попереджати перед виходом з несенданим коментарем 
За замовчуванням, якщо користувач вводить коментар і потім оновлює сторінку, закриває вкладку або переходить на іншу сторінку до відправки, чернетка втрачається без повідомлення.
Встановлення warnOnUnsavedComment у true змушує браузер запитати користувача про підтвердження перед виходом зі сторінки, доки будь-яке поле коментаря або редагування, що триває, містить текст. Після відправки коментаря текст очищується, тому запит не відображається.
Run 
Запит використовує вбудований діалог браузера. Сучасні браузери показують власний текст і ігнорують користувацькі повідомлення, тому повідомлення не можна налаштувати.
Ця опція завантажує невелике розширення за запитом, тому вона не додає нічого до віджету для сайтів, які її не вмикають.
Увімкнення опитувань 
Опитування дозволяють коментаторам прикріплювати питання з 2 до 10 варіантами до коментаря. Кожен на сторінці голосує на місці і бачить, як результати оновлюються в реальному часі.
Опитування вимкнені за замовчуванням. Встановіть прапорець Enable Polls у налаштуваннях налаштування віджету, щоб додати кнопку опитування до панелі інструментів коментаря. Потім з’являться ще два налаштування:
- Хто може створювати опитування: Admins/Moderators Only (за замовчуванням), або Everyone.
- Дозволити анонімні голоси в опитуваннях: коли прапорець знято (за замовчуванням), лише зареєстровані користувачі можуть голосувати.
Дивіться Посібник з опитувань для отримання інформації про створення, голосування, конфіденційність та сповіщення про опитування.
Огляд єдиного входу (SSO) 
SSO, або single-sign-on (єдиний вхід), — це набір угод, що дозволяють вам або вашим користувачам використовувати FastComments без необхідності створювати ще один обліковий запис.
Якщо ви не дозволяєте анонімне коментування, для коментування через FastComments потрібен обліковий запис. Ми робимо процес реєстрації дуже простим — користувачеві достатньо вказати свою електронну пошту під час коментування. Однак ми розуміємо, що навіть це є зайвим тертям, якого деякі сайти хочуть уникнути.
Ми можемо зменшити це тертя, маючи лише один потік входу для всього вашого сайту.
Як це отримати?
Усі типи облікових записів наразі мають доступ до SSO. Однак максимальна кількість користувачів SSO залежатиме від вашого пакета. Як і з іншими функціями, плани Pro і вище надають пряму підтримку розробки.
Порівняймо варіанти, а потім розгляньмо деталі кожного з них.
Міграція користувачів і коментарів
Під час міграції з платформи з SSO, як-от Disqus, у вас уже є користувачі та їхні коментарі.
Коментарі імпортуються як частина вашої міграції — через API, наш Import UI або службу підтримки. Import UI є кращим варіантом, якщо він підтримує платформу, з якої ви мігруєте, оскільки він включає обробку помилок, вилучення та завантаження аватарів і медіа, а також систему моніторингу пакетних завдань.
Самі користувачі додаються автоматично під час першого перегляду гілок коментарів. Крім того, їх можна попередньо додати через API, але ця робота не має багато переваг.
Якщо коментарі імпортовано, а користувачі SSO не додані вручну через API, то коментарі буде автоматично мігровано до облікового запису користувача під час його першого створення, коли він перегляне будь-яку гілку коментарів. Після цього він зможе керувати, редагувати та видаляти коментарі, які написав спочатку.
Автоматична міграція виконується за електронною поштою або іменем користувача. Деякі платформи не надають електронні пошти під час експорту, як-от Disqus, тому в цьому випадку ми використовуємо ім'я користувача.
- Поки ви передаєте відповідне ім'я користувача та електронну пошту в SSO-пейлоаді, ми додамо електронну пошту до окремих об'єктів коментарів, щоб сповіщення та згадки працювали.
Якщо ви хочете імпортувати свої коментарі та користувачів одночасно, співпрацюйте зі службою підтримки, щоб мігрувати коментарі до відповідних облікових записів користувачів після імпорту користувачів через API.
Отже, найпростіший шлях для міграції виглядає так:
- Імпортуйте коментарі.
- Аватари та інші медіа мігруються автоматично, якщо використовувати Import UI у
Manage Data -> Imports.
- Аватари та інші медіа мігруються автоматично, якщо використовувати Import UI у
- Налаштуйте Secure або Simple SSO.
- Дозвольте міграції відбуватися для кожного користувача автоматично під час його першого входу.
- Зазвичай це додає менше секунди до часу завантаження сторінки, якщо користувач має менше 50 тис. коментарів.
Користувачі WordPress
Якщо ви використовуєте наш плагін WordPress, то писати код не потрібно! Просто перейдіть на сторінку адміністрування плагіна, натисніть SSO Settings, а потім Enable.
Це перенесе вас до майстра з однією кнопкою, який створить ваш API-ключ, надішле його на вашу інсталяцію WordPress і увімкне SSO. Ми об'єднали це в одне натискання кнопки для вас.
Зверніть увагу, що якщо ви встановлюєте плагін уперше, вам доведеться пройти процес налаштування, перш ніж ви побачите сторінку адміністрування з кнопкою SSO Settings.
WordPress SSO - Модератори
Зверніть увагу, що наразі, щоб значок "Moderator" відображався поруч із вашими модераторами, коли вони коментують через плагін FastComments для WordPress, вони також повинні бути додані як модератори в панелі керування FastComments і мати підтверджену електронну пошту.
Користувацькі інтеграції
Для користувацьких інтеграцій є два варіанти.
Варіант перший - Secure SSO
З Secure SSO FastComments знає, що користувач, який коментує, голосує та читає коментарі, є справжнім користувачем вашого сайту.
Поки ви створюєте дійсний пейлоад, користувач завжди матиме безперебійний досвід коментування.
З Secure SSO пейлоад SSO створюється на сервері з використанням HMAC-автентифікації, а потім передається віджету на клієнті.
З Secure SSO обліковий запис користувача повністю відокремлений від решти бази користувачів FastComments. Це означає, що якщо у нас є два партнери Company A та Company B, кожен може мати користувача SSO з іменем "Bob".
Вимоги
- Деякі базові знання про серверну розробку.
- Деякі базові знання про роботу із секретними API-ключами.
- Деякі базові знання про розробку API або серверний рендеринг.
Переваги
- Безпечно.
- Безперебійний досвід коментування.
Недоліки
- Вимагає серверної розробки.
Оновлення даних користувача
З Secure SSO щоразу, коли ви передаєте пейлоад користувача sso, ми оновлюємо його обліковий запис найсвіжішою інформацією. Наприклад, якщо
користувач має ім'я X, а ви передаєте Y у пейлоаді SSO, його ім'я стане Y.
Якщо ви хочете видалити значення за допомогою цього підходу, встановіть їх у null (не undefined).
Secure SSO API
Ми також надаємо API для взаємодії з користувачами SSO. Дивіться документацію.
Зверніть увагу, що під час використання Secure SSO користувачі автоматично створюються у фоновому режимі під час завантаження сторінки. Вам не потрібно масово імпортувати своїх користувачів.
Варіант другий - Simple SSO
Альтернативою Secure SSO є проста передача інформації про користувача віджету коментування.
Надання електронної пошти з Simple SSO не є обов'язковим, однак без неї їхні коментарі відображатимуться як "Unverified".
Зверніть увагу! З початку 2022 року імена користувачів з Simple SSO не повинні бути унікальними в межах усієї FastComments.com.
В ідеалі Simple SSO слід обирати лише під час розробки на платформі, яка не надає доступу до серверної частини.
Вимоги
- Деякі базові знання про клієнтську розробку.
- Потрібно знати принаймні електронну пошту користувача.
Переваги
- Просто.
- Уся активність все ще перевіряється.
- Користувач ніколи не вводить своє ім'я користувача чи електронну пошту.
Недоліки
- Менш безпечно, ніж Secure SSO, оскільки клієнтський пейлоад може бути підмінено, щоб стати будь-яким користувачем.
Simple SSO API
Користувачі, автоматично створені через потік Simple SSO, зберігаються як об'єкти SSOUser. До них можна отримати доступ і керувати ними через API SSOUser. Дивіться документацію.
Користувацькі інтеграції — безпечний єдиний вхід (SSO) 
FastComments Secure SSO використовує шифрування HMAC-SHA256 як механізм реалізації SSO. Спочатку ми розглянемо загальну архітектуру, надамо приклади та детальні кроки.
Також є документація щодо міграції від інших провайдерів зі схожими механізмами SSO та їхніх відмінностей.
Потік виглядає так:
Оскільки Secure SSO передбачає full-stack розробку, повні робочі приклади коду на Java/Spring, NodeJS/Express та чистому PHP наразі доступні на GitHub.
Хоча ми використовуємо ExpressJS у прикладі для NodeJS та Spring у прикладі для Java, для реалізації FastComments SSO в цих середовищах не потрібні жодні фреймворки/бібліотеки — працюють нативні криптографічні пакети.
Вам не потрібно писати жодних нових API-ендпоінтів з FastComments SSO. Просто зашифруйте інформацію користувача за допомогою вашого секретного ключа та передайте payload віджету коментарів.
Отримайте ваш API Secret Key
Ваш API Secret можна отримати на цій сторінці. Цю сторінку також можна знайти, перейшовши до My Account, натиснувши плитку API/SSO, а потім «Get API Secret Key».
Параметри віджета коментарів
Документація API високого рівня для віджета коментарів доступна тут.
Розглянемо детальніше, що означають ці параметри.
Віджет коментарів приймає об'єкт конфігурації — ви вже передаєте його, якщо використовуєте FastComments для передачі вашого customer id (який називається tenantId).
Щоб увімкнути SSO, передайте новий об'єкт «sso», який повинен мати наступні параметри. Значення повинні генеруватися на сервері.
- userDataJSONBase64: Дані користувача у форматі JSON, які потім кодуються в Base64.
- verificationHash: Хеш HMAC-SHA256, створений з UNIX_TIME_MILLIS + userDataJSONBase64.
- timestamp: Мітка часу Epoch, у мілісекундах. Не повинна бути в майбутньому або більш ніж на два дні в минулому.
- loginURL: URL, який віджет коментарів може показати для входу користувача.
- logoutURL: URL, який віджет коментарів може показати для виходу користувача.
- loginCallback: Якщо надано замість login URL, функція, яку віджет коментарів викличе при натисканні кнопки входу.
- logoutCallback: Якщо надано замість logout URL, функція, яку віджет коментарів викличе при натисканні кнопки виходу.

Об'єкт User
Об'єкт User містить наступну схему:

Модератори та адміністратори
Для адміністраторів та модераторів передайте відповідні прапорці isAdmin або isModerator в об'єкті SSOUser.
Сповіщення
Щоб увімкнути або вимкнути сповіщення, встановіть значення optedInNotifications відповідно на true або false. Перший раз, коли користувач завантажить сторінку з цим значенням у SSO payload, його налаштування сповіщень будуть оновлені.
Крім того, якщо ви хочете, щоб користувачі отримували email-сповіщення про активність на сторінках, на які вони підписалися (на відміну від лише сповіщень у застосунку), встановіть optedInSubscriptionNotifications на true.
VIP-користувачі та спеціальні мітки
Ви можете відобразити спеціальну мітку поруч з ім'ям користувача, використовуючи необов'язкове поле «displayLabel».
Неавтентифіковані користувачі
Щоб представити неавтентифікованого користувача, просто не заповнюйте userDataJSONBase64, verificationHash або timestamp. Надайте loginURL.
Такі користувачі не зможуть коментувати, і замість цього їм буде показано повідомлення про вхід (повідомлення, посилання або кнопка, залежно від конфігурації).
Прямі приклади серіалізації та хешування даних користувача
Більше деталей у вигляді прикладів тут (js), тут (java) та тут (php).
Ми розуміємо, що будь-яка інтеграція може бути складним і болючим процесом. Не соромтеся звертатися до вашого представника або використовувати сторінку підтримки.
Користувацькі інтеграції — простий єдиний вхід (SSO) 
За допомогою Simple SSO ми можемо передати віджету коментування інформацію про користувача, щоб йому не потрібно було вводити ім'я користувача чи email для коментування.
Ми можемо налаштувати Simple SSO так:
Run 
Користувач буде авторизований, і в фоновому режимі буде створено SSO-користувача. Користувач матиме createdFromSimpleSSO зі значенням true, якщо його отримано через API.
Примітки:
- Email є унікальним ідентифікатором для Simple SSO.
- Надання email у Simple SSO не є обов'язковим, однак за замовчуванням коментарі такого користувача відображатимуться як "Unverified" (неперевірений). Якщо email не вказано, користувач не може бути повністю автентифікований.
- НОВЕ З січня 2022 року: імена користувачів не обов'язково мають бути унікальними в межах усієї fastcomments.com
- Simple SSO може автоматично створювати та оновлювати SSO-користувачів, якщо вказано email, і користувач не був спочатку створений через Secure SSO. Якщо payload Simple SSO вказує на користувача, створеного через Secure SSO або API, цей користувач залишається недоторканим, а відвідувач отримує окремого користувача.
- Ви можете вказати бейджі для користувача за допомогою властивості
badgeConfig. МасивbadgeIdsмістить ID глобальних бейджів, які асоціюються з користувачем. МасивpageBadgeIdsмістить ID бейджів, обмежених поточною сторінкою (urlId) — ці бейджі відображаються лише на сторінці, де вони були призначені. Якщоoverrideмає значенняtrue, це замінить існуючі відображувані бейджі (глобальні та обмежені сторінкою перевизначаються незалежно); якщоfalse, бейджі будуть додані до існуючих.
Налаштування Simple SSO
Simple SSO завжди доступний. Два налаштування визначають, наскільки FastComments довіряє йому. Їх можна знайти, виконавши пошук за SSO у правилі кастомізації. Обидва за замовчуванням вимкнені, і вони застосовуються незалежно від того, чи увімкнено "Require SSO To View Comments".
Для акаунтів, які вже використовували Simple SSO на момент додавання цих налаштувань, обидва були увімкнені, тому для них нічого не змінилося.
Застосовується лише те правило кастомізації, яке найкраще відповідає сторінці, тому якщо у вас кілька правил, встановіть ці налаштування в кожному з них. Нове правило починається з увімкненими налаштуваннями, якщо вони увімкнені хоча б в одному з ваших інших правил.
Автоматична перевірка коментарів через Simple SSO
Коли це увімкнено, коментарі від користувачів Simple SSO перевіряються одразу.
Коли це вимкнено, коментарі від користувачів Simple SSO відображаються як "Unverified" (неперевірений), доки користувач не перейде за посиланням, яке ми надішлемо на email із payload Simple SSO. Якщо ви автоматично схвалюєте лише перевірені коментарі, вони також чекатимуть на це посилання. Якщо в payload немає email, коментар залишається неперевіреним.
Це налаштування впливає лише на коментарі. Голоси від користувачів Simple SSO завжди враховуються одразу.
Дозвіл адміністраторів Simple SSO
Коли це увімкнено, користувач Simple SSO може бути адміністратором або модератором вашого акаунта:
- Користувач Simple SSO, який має права адміністратора або модератора, зберігає їх.
- Користувач Simple SSO з таким самим email, як один із ваших адміністраторів або модераторів, отримує їхні права.
Коли це вимкнено, Simple SSO не надає цих прав. Якщо payload Simple SSO вказує на користувача, який їх має, буде створено окремого користувача без прав, а оригінальний користувач залишається недоторканим.
Payload Simple SSO не підписані, тому коли це увімкнено, будь-хто, хто знає email або ID користувача адміністратора, може діяти від його імені. Якщо це важливо для вашого сайту, залиште це вимкненим і використовуйте Secure SSO для ваших адміністраторів.
Користувачі, створені через Secure SSO або API, недосяжні для Simple SSO, незалежно від того, чи це увімкнено.
Користувацькі інтеграції — міграція з Disqus SSO 
Найбільші відмінності між Disqus і FastComments Secure SSO полягають у тому, що Disqus використовує SHA1 для шифрування, тоді як ми використовуємо SHA256. Це означає, що міграція з Disqus проста - змініть алгоритм хешування з SHA1 на SHA256 і оновіть імена властивостей, які передаються до UI.
Користувацькі інтеграції — міграція з Commento SSO 
Commento використовує радикально інший підхід до SSO - вони вимагають, щоб у вас був endpoint, який вони викликають для аутентифікації користувача.
FastComments робить навпаки - просто закодуйте й захешуйте інформацію про користувача, використовуючи ваш секретний ключ, і передайте її.
Захист гілок коментарів за допомогою єдиного входу 
FastComments SSO (деталі тут) надає вашим користувачам можливість коментувати без необхідності входити на іншу платформу.
Однак саме по собі це не захищає ваші гілки коментарів, оскільки за замовчуванням дані коментарів є загальнодоступною інформацією — будь-хто, хто може переглядати сторінку, може переглядати й коментарі.
Змінивши один параметр, ми можемо обмежити отримання коментарів, дозволивши це лише адміністраторам або дійсним користувачам SSO.
Налаштування без коду
Ми можемо заборонити перегляд та взаємодію з нашими гілками коментарів, коли налаштовано SSO, створивши правило кастомізації.
При цьому знайдіть SSO, і ви побачите цю опцію:
Увімкніть її та збережіть правило кастомізації.
Захист лише певного домену або сторінки
Щоб захистити лише певний домен або сторінку, ми просто налаштуємо правило кастомізації відповідним чином.
У верхній частині інтерфейсу кастомізації ми знайдемо два поля: Domain та URL ID.
Щоб захистити лише певний домен, введіть відповідний домен у поле "domain".
Щоб захистити певну сторінку, введіть URL сторінки в поле "URL ID". Якщо у вас є власна інтеграція з FastComments, ви можете ввести тут тип ID замість URL.
Рівні безпеки
Вимагаючи SSO, вам потрібно вирішити, чи вимагаєте ви Simple SSO або Secure SSO. Якщо ви вимагаєте Simple SSO, то дозволені обидва варіанти, але якщо ви вимагаєте Secure SSO, то вміст має бути отримано з Secure SSO payload, хешованим вашим API-ключем, щоб його можна було переглянути.
Опція рівня безпеки з'явиться, коли ви виберете "Require SSO To View Comments", і діє лише поки ця опція увімкнена.
Налаштування Auto Verify Comments via Simple SSO та Allow Simple SSO Admins є окремими та застосовуються незалежно від того, чи увімкнена ця опція.
Захист понад читання
Увімкнення цієї опції захистить сторінку або домен від коментування, якщо користувач не увійшов через SSO.
Підводні камені
Будь-які користувачі, які створили коментарі до вашої інтеграції SSO, не зможуть їх побачити, якщо не увійдуть через вашу інтеграцію SSO.
Дозволити анонімне коментування 
За замовчуванням FastComments вимагатиме електронну пошту для коментування. Вона не обов’язково має бути дійсною, проте доки користувач не натисне на надіслане йому посилання, його коментар буде позначений міткою «Неперевірений коментар».
Однак ми можемо прибрати вимогу електронної пошти. Поле вводу електронної пошти все ще буде відображатися, але більше не буде обов’язковим.
Це можна налаштувати через інтерфейс налаштування віджету:
Ім'я користувача все ще потрібне. Щоб прибрати цей крок, ви можете встановити ім'я користувача за замовчуванням яке спільне для всіх, або дозволити FastComments згенерувати унікальне ім'я користувача для кожного відвідувача.
Запобігання закінченню терміну дії анонімних коментарів 
FastComments можна налаштувати так, щоб видаляти неперевірені коментарі після заданої кількості днів. Це допомагає боротися зі спамом.
За замовчуванням це не робиться.
Це можна налаштувати або вимкнути через сторінку Налаштування модерації.
Вимкнути введення електронної пошти 
Коли користувачі залишають коментарі і не ввійшли в систему, їх попросять вказати свою електронну пошту.
Це створить «непідтверджену сесію» для цього користувача, і ми попросимо його підтвердити цю сесію через електронну пошту.
Для деяких сайтів або застосунків бажано не запитувати у користувача його електронну пошту під час коментування чи голосування.
Увімкнення анонімних коментарів робить поле вводу електронної пошти необов’язковим. Однак його можна повністю вимкнути. Спочатку увімкніть анонімні коментарі, і тоді з’явиться опція вимкнення полів вводу електронної пошти.
При ввімкненому цьому параметрі поля електронної пошти взагалі не будуть відображатися у всіх наших продуктах для коментування.
Зверніть увагу, що з такою конфігурацією всі коментарі будуть непідтвердженими, якщо користувач не створить обліковий запис і не ввійде на https://fastcomments.com.
Ви можете розглянути можливість вимкнення мітки непідтверджено.
Вимкнути мітку неперевіреного 
За замовчуванням FastComments показуватиме мітку «Неперевірений коментар» для коментарів, залишених користувачем, у якого неперевірена браузерна сесія. Дізнайтеся більше про неперевірені коментарі тут.
Run 
Крім того, цю функцію можна використовувати без написання коду в інтерфейсі налаштувань:
Встановлення імені користувача за замовчуванням 
Коли користувачі коментують або голосують, і вони не авторизовані, їх попросять вказати електронну пошту та ім'я користувача.
У разі анонімного коментування іноді бажано визначити ім'я користувача за замовчуванням, щоб зменшити перешкоди під час коментування. Це можна зробити через інтерфейс налаштування. Спочатку має бути увімкнено анонімне коментування.
Спільне використання імені користувача за замовчуванням
Ім'я користувача за замовчуванням — це спільне відображуване ім'я, а не ідентичність. Відвідувач, який залишає ім'я за замовчуванням і вводить свою електронну пошту, отримує власний обліковий запис, де ім'я за замовчуванням відображається як його публічне ім'я. Будь-яка кількість відвідувачів може залишити те саме ім'я за замовчуванням, тому "Anonymous" ніколи не повідомляється як уже зайняте.
Імена користувачів, які відвідувач вводить самостійно, все одно мають бути унікальними.
Якщо ви бажаєте, щоб кожен відвідувач отримував окреме ім'я без необхідності його вигадувати, див. Генерувати імена користувачів автоматично.
Автоматичне генерування імен користувачів 
Коли користувачі коментують або голосують, не будучи авторизованими, їм буде запропоновано вказати свою електронну пошту та ім'я користувача.
Для деяких сайтів прохання до відвідувача придумати унікальне ім'я користувача є перешкодою, особливо на мобільних пристроях. FastComments може
генерувати нейтральне ім'я користувача для кожного нового відвідувача та попередньо заповнювати ним поле імені користувача, наприклад BraveOtter4172.
Відвідувач може залишити його як є або замінити на ім'я на свій розсуд.
Це можна увімкнути в інтерфейсі налаштування Customization, у параметрі під назвою Generate Usernames Automatically:
Як це працює
- Кожне згенероване ім'я є унікальним. Воно перевіряється на відповідність наявним обліковим записам і резервується за сеансом браузера цього відвідувача, тому двом відвідувачам не пропонується однакове ім'я.
- Ім'я генерується лише для відвідувачів, у яких його ще немає. Авторизовані користувачі, користувачі SSO та відвідувачі, які вже коментували, зберігають своє наявне ім'я.
- Це працює як з анонімним коментуванням, так і без нього. Якщо анонімне коментування вимкнено, відвідувач все одно вводить свою електронну пошту, але більше не має вигадувати ім'я користувача.
- Повторний відвідувач, який вводить електронну пошту, яку він використовував раніше, зіставляється зі своїм наявним обліковим записом і зберігає ім'я цього облікового запису.
- Якщо також встановлено Default Username, згенероване ім'я має пріоритет.
Зворотні виклики 
Всі бібліотеки для віджету коментарів (наразі Angular, React, Vue) підтримують зворотні виклики.
Зворотні виклики вказуються в об'єкті конфігурації й мають однакову сигнатуру для кожної бібліотеки.
Підтримуються такі зворотні виклики:
- onInit
- onAuthenticationChange
- onRender
- commentCountUpdated
- onReplySuccess
- onVoteSuccess
- onImageClicked
- onOpenProfile
- onCommentSubmitStart
- onCommentsRendered
Точні сигнатури можна знайти в визначеннях TypeScript.
Ось приклад з усіма зворотними викликами:
Run 
Ручне визначення локалі користувача 
За замовчуванням FastComments буде відображати віджет коментарів у локалі, визначеній системою та браузером користувача.
Коли користувач залишає коментар або входить у систему, ми оновлюємо його останню використану локаль і також використовуємо її для надсилання електронних листів.
Це впливає на те, як віджет коментування перекладається для користувача. Локаль складається з мови та регіону користувача, тому налаштування локалі зазвичай змінює мову, якою відображається текст для користувача.
Через інтерфейс користувача
Це можна визначити за допомогою інтерфейсу налаштування віджета. Дивіться параметр «Locale / Language»:
Через код
Це можна перевизначити бажаною локаллю.
Run 
Підтримувані мови та коди локалі
Ви можете знайти повний список підтримуваних мов та відповідних кодів локалі тут.
Примітка щодо SSO
Якщо ви використовуєте SSO, можливо, ви захочете передати локаль користувача у об’єкті користувача, щоб електронні листи та інші елементи були правильно локалізовані для нього.
Обмеження дозволених мов 
За замовчуванням FastComments не обмежує мови, які використовуються для коментування.
Можливо, буде бажано обмежити мови, які використовує спільнота.
Це можна налаштувати без коду на сторінці налаштування віджета:
Система проаналізує їхній коментар, визначить його мову та порівняє її зі списком дозволених.
Якщо коментар написано мовою, яка не дозволена, буде показано локалізоване повідомлення про помилку.
Переклад коментарів 
За замовчуванням FastComments перекладає інтерфейс віджета (кнопки, мітки, повідомлення про помилки) на мову глядача, але коментарі відображаються точно так, як їх було написано.
Переклад коментарів додає переклад самих коментарів, тому спільнота, яка пише більш ніж однією мовою, може читати кожен коментар на своїй мові.
Існує два режими:
- Automatic: коментарі, написані мовою, відмінною від мови віджета, відображаються перекладеними. Під коментарем з'являється рядок «Перекладено з іспанської» з посиланням Показати оригінал, яке перемикає між перекладом і неперекладеним текстом.
- Manual: кожен коментар отримує посилання Перекласти. Натискання на нього перекладає цей коментар на мову глядача, після чого з'являється той самий перемикач Показати оригінал. Коментарі, які вже написані мовою глядача, повідомляють про це замість цього.
Цільова мова — це мова віджета: налаштування Локаль / Мова у тому ж правилі налаштування, якщо воно встановлене, інакше — мова браузера відвідувача. Відвідувачу нічого не потрібно, жодного облікового запису, розширення чи додаткового програмного забезпечення, і це працює однаково в вбудованому віджеті та на окремих сторінках коментарів.
Це вмикається для кожного правила налаштування, тому може застосовуватись до всього вашого сайту, одного домену або окремої сторінки. За замовчуванням вимкнено.
Переклад — це налаштування на боці сервера. Передача commentTranslation у JavaScript‑конфігурації віджета не вмикає його; це робить правило.
Кожен коментар перекладається не більше одного разу для кожної цільової мови, і результат зберігається разом з коментарем, тому коментар, прочитаний тисячею іспаномовних, перекладається один раз. Якщо автор або модератор редагує коментар, збережений переклад відкидається, і коментар перекладається знову при наступному перегляді. Перекладений текст проходить ту ж санітизацію та правила посилань, що й оригінальний коментар. Коментарі, які занадто довгі, або мову яких не вдається визначити, відображаються без перекладу.
Використання оплачується у вигляді токенів LLM за тією ж ставкою, що і AI Агенти, і відображається в тому ж розділі вашої платіжної інформації.
Назви сторінок 
Поточний заголовок сторінки асоціюється з вказаним urlId і зберігається для використання в інструментах модерації.
За замовчуванням він отримується з document.title.
Якщо бажано, власний заголовок сторінки можна вказати таким чином:
Run 
Запобігти новим відповідям та вимкнути голосування 
Коментування можна заблокувати, щоб не залишати нових коментарів або голосів, встановивши прапорець readonly у значення true.
Коментарі також не можна буде редагувати або видаляти.
Run 
Це можна налаштувати без коду на сторінці налаштування віджету для всього домену або окремої сторінки:
Update!
Станом на листопад 2022 року, гілки можна блокувати або розблоковувати в реальному часі адміністраторами та модераторами через меню з трьома крапками над областю відповіді.
Це запобігатиме появі нових коментарів, при цьому залишатиметься можливість голосування та дозволятиме користувачам видаляти свої коментарі за потреби, чого не дозволяє readonly.
Це відповідає полю isClosed у API Page.
Обмеження доменів посилань 
За замовчуванням FastComments дозволяє посилання на будь‑який зовнішній сайт.
Це можна обмежити бажаним списком сайтів або доменів. Спроба опублікувати посилання на сайт або домен, який не входить у визначений список, призведе до показу помилки користувачеві.
Ця перевірка застосовується лише до віджета коментарів та API. Імпорти не підлягають впливу.
Це здійснюється без коду, на сторінці налаштування віджета:
Кількість коментарів та підрахунок усіх вкладених відповідей 
Кількість коментарів, яка відображається у верхній частині віджета коментарів, може показувати або всі "top-level" коментарі, тобто ті відповіді, що є відповідями безпосередньо до сторінки або статті, або вона може бути підрахунком усіх вкладених коментарів.
За замовчуванням це true - це підрахунок останнього варіанту - усіх коментарів. У старіших версіях віджета коментарів значення за замовчуванням було false.
Ми можемо змінити поведінку так, щоб вона була підрахунком усіх вкладених коментарів, встановивши прапорець countAll в true.
Run 
Якщо ми хочемо, щоб підрахунок відображав лише коментарі верхнього рівня, ми встановлюємо прапорець у false.
Run 
Наразі це не можна налаштувати без змін у коді.
Увімкнення посилань коментаторів 
За замовчуванням FastComments запитує у користувача лише їхній коментар, ім'я користувача та електронну пошту.
Однак у деяких ситуаціях ви можете захотіти, щоб користувач залишив посилання на свій блог або веб‑сайт.
Ми можемо ввімкнути показ додаткового поля вводу для залишення URL веб‑сайту користувача, встановивши прапорець enableCommenterLinks у true:
Run 
Коли вказаний URL надається, обліковий запис користувача буде оновлено, і всі їхні імена користувачів у всіх минулих та майбутніх коментарях будуть посиланнями на цей URL.
Це можна налаштувати без коду на сторінці налаштування віджету:
Групи модерації 
Список ідентифікаторів, згенерованих на сторінці Групи модерації.
Коли вказано, коментарі, залишені з використанням цієї конфігурації, міститимуть той самий набір moderationGroupIds.
Якщо у Moderator визначено одну або кілька Групи модерації, вони
бачитимуть лише коментарі на сторінці Moderate Comments, пов'язані з їхньою групою(групами).
Run 
Згадка ідентифікаторів груп 
Список id для використання в автозаповненні @mentions. Корисно, коли потрібно запобігти відміченню користувачів, які не мають спільних груп.
Коли вказано, в автозаповненні після введення символу @ будуть показані лише користувачі з інших груп.
Run 
Обхід сторонніх cookie 
Для автентифікації FastComments залежить від увімкнених у вашому браузері сторонніх файлів cookie. Без них користувачі завжди будуть змушені залишати свою електронну пошту, щоб залишити коментар (якщо поле вводу електронної пошти не приховано), і їхні коментарі завжди будуть позначені як неперевірені (за замовчуванням).
Щоб обійти це, ви можете ввімкнути обход сторонніх файлів cookie.
Коли це налаштування ввімкнено, воно викликає невелике спливаюче вікно, яке показує повідомлення про те, що користувач входить у систему. Це спливаюче вікно з’являється щоразу, коли користувач взаємодіє з віджетом коментарів; наприклад, коли залишає коментар.
Ми можемо зробити це в коді, встановивши прапорець enableThirdPartyCookieBypass у значення true:
Run 
Ми також можемо налаштувати це через інтерфейс налаштування віджету, у розділі Enable Third-Party Cookie Popup:
Видалення коментарів з відповідями 
За замовчуванням користувачі можуть видаляти свої власні коментарі. Крім того, видалення їхнього коментаря автоматично видаляє всі дочірні та тимчасові коментарі в темі. Ця поведінка також активна.
Ви можете обмежити це наступними способами:
- Натомість анонімізуйте видалений коментар (встановіть ім'я та текст у
[deleted]або інше значення). - Не дозволяйте видаляти коментарі, коли є відповіді. Показується налаштовуване повідомлення про помилку.
- Обмежте видалення коментаря з відповідями лише адміністраторами та модераторами.
Це можна налаштувати в розділі Comment Thread Deletion у UI налаштування віджету.
Показувати значки у верхній панелі 
За замовчуванням FastComments відображає значки користувачів лише у їхніх коментарях у межах потоку коментарів.
Проте ми можемо показати значки користувачів поруч із їхнім ім'ям над формою коментаря, увімкнувши цю функцію на сторінці налаштування віджету:
Це відобразить значки користувача поруч із його ім'ям у верхній панелі, роблячи його досягнення та статус більш помітними під час написання коментаря.
Зверніть увагу, що ця функція повинна бути увімкнена в інтерфейсі налаштування віджету, щоб працювати. Ви можете за бажанням встановити прапорець showBadgesInTopBar у значення false у вашій конфігурації коду, щоб вибірково вимкнути його, навіть якщо він увімкнений на рівні сервера:
Run 
Показувати список онлайн користувачів 
За замовчуванням FastComments не показує список користувачів на сторінці.
Ви можете відобразити список людей, які зараз переглядають сторінку, поряд з віджетом коментарів. Список оновлюється в реальному часі, коли користувачі приєднуються та виходять, і показує їх ім'я, аватар та індикатор онлайн.
Існує три варіанти розташування:
1- Верх: горизонтальний ряд накладаються аватарок, розташований над коментарями.2- Ліво: бічна панель з іменами та онлайн‑точками, розташована ліворуч від віджета.3- Право: та сама бічна панель, розташована праворуч від віджета.
Встановіть прапорець usersListLocation, щоб увімкнути функцію:
Run 
За замовчуванням список показує лише користувачів, які зараз онлайн. Щоб також включити людей, які раніше коментували сторінку (але зараз її не переглядають), встановіть usersListIncludeOffline у true:
Run 
Колишні коментатори відображаються без зеленого онлайн‑крапки, щоб було зрозуміло, хто присутній зараз.
Користувачі з приватними профілями відображаються загальним аватаром і міткою "Приватний профіль", щоб підрахунок залишався точним без розкриття особистих даних.
Це також можна налаштувати без коду. На сторінці налаштування віджета перегляньте параметр "Users List Location". Коли розташування встановлено не в "Вимкнено", під ним з'являється прапорець "Include past commenters".
За останні 500 живих користувачів список може відставати до 30 секунд.