Код вставки та опції віджета

Встановлення віджета

Створіть проєкт у веб-додатку і скопіюйте його код вставки з налаштувань проєкту. Вставте його на кожну сторінку, де хочете збирати зворотний зв’язок, одразу перед закривальним тегом </body>:

<script>
var __rm__config = {
  projectId: 'YOUR_PROJECT_ID',
  locale: 'auto'
};
</script>
<script src="https://widget.revisionme.com/app.js" defer id="rm_app_script"></script>

Скрипт завантажується з defer, тож не сповільнює сторінку. Сам віджет важить близько 19 КБ, тримає інтерфейс у shadow DOM, тому ваші стилі і його стилі не перетинаються, а модуль скріншота підвантажує лише тоді, коли відвідувач відкриває форму.

Ctrl+Enter працює завжди

Коли віджет встановлено, відвідувач може виділити будь-який текст на сторінці і натиснути Ctrl+Enter (⌘+Enter на Mac). Відкриється форма з прикріпленим виділенням. Це працює незалежно від решти опцій.

Опції в __rm__config

Налаштування проєкту в додатку генерують код за вас; ось опції, що стоять за ним. Відсутня опція вважається вимкненою.

projectId
Обов’язкова. Визначає ваш проєкт; повідомлення потрапляють власнику проєкту.
locale
Мова інтерфейсу віджета. Див. Мова віджета.
contextWidget: 1
Кнопка біля виділеного тексту. Коли відвідувач виділяє текст, поруч з’являється маленька кнопка; клік відкриває форму з цим текстом.
Кнопка зворотного зв’язку біля виділених слів
Кнопка біля виділеного тексту.
floatingBtn: 1
Плаваюча кнопка зворотного зв’язку в куті сторінки. Клік дає відвідувачу обвести прямокутником проблемну ділянку; форма відкривається з цією областю. floatingBtnPosition: 'left' переносить кнопку в лівий кут (за замовчуванням правий), floatingBtnStyle: 'light' вмикає світлий стиль (за замовчуванням темний).
Плаваюча кнопка зворотного зв’язку в куті сторінки
Плаваюча кнопка в куті (темний стиль, праворуч).
embedBtn: 1
Вбудоване посилання «Leave feedback», яке вставляється саме там, де стоїть тег скрипта віджета, наприклад у кінці статті.
Вбудоване посилання «Leave feedback»
Вбудоване посилання там, де стоїть тег скрипта.

Що містить повідомлення

Кожне повідомлення містить коментар відвідувача, скріншот видимої частини сторінки з позначеним виділенням або областю, виділений текст, URL сторінки, браузер, операційну систему і розмір вікна, а також email відвідувача, якщо він вирішив його залишити. Усе це видно у веб-додатку і в сповіщеннях.