Код вставки та опції віджета
Встановлення віджета
Створіть проєкт у веб-додатку і скопіюйте його код вставки з налаштувань проєкту. Вставте його на кожну сторінку, де хочете збирати зворотний зв’язок, одразу перед закривальним тегом </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», яке вставляється саме там, де стоїть тег скрипта віджета, наприклад у кінці статті.
Вбудоване посилання там, де стоїть тег скрипта.
Що містить повідомлення
Кожне повідомлення містить коментар відвідувача, скріншот видимої частини сторінки з позначеним виділенням або областю, виділений текст, URL сторінки, браузер, операційну систему і розмір вікна, а також email відвідувача, якщо він вирішив його залишити. Усе це видно у веб-додатку і в сповіщеннях.