Вставьте одну строку в шаблон сайта. На странице появится неброская кнопка: посетитель нажимает её, обводит сломанное место и пишет одну фразу. К вам приходит карточка со снимком всей страницы, ошибками JavaScript, упавшими запросами, браузером, размером экрана и последними кликами, которые к этому привели. Дальше — обычная доска: статусы, исполнители, комментарии, уведомления.
Без карты. Бесплатный тариф не заканчивается.
<script src="https://www.asklid.com/widget.js" data-hub-token="YOUR-TOKEN" defer></script>Кнопка в углу этой страницы — тот самый виджет. Нажмите: Asklid собирает отчёты о себе тем же способом, каким соберёт о вас.
Между посетителем, который увидел поломку, и разработчиком, которому её воспроизводить, обычно лежат три письма, фотография экрана на телефон и браузер, которого нет ни у кого в команде. Половина таких обращений умирает на фразе «у меня не воспроизводится». Asklid убирает середину: отчёт пишется прямо на той странице, где всё сломалось, и уносит эту страницу с собой — вместе с тем, что в этот момент ругалось в консоли.
Нажмите на шаг, чтобы посмотреть, что происходит.
Тег стоит. Кнопка появилась в углу — больше на сайте ничего не изменилось.
Кадр снят, лишнее замазано, фраза написана. Отправка — одна кнопка.
Новые
В работе
Готово
Обращение на доске. Всё, что нужно для воспроизведения, уже внутри.
Кадр снимает не браузер посетителя, а наш сервер: виджет отправляет разметку и стили страницы, а картинку рисует настоящий Chrome на нашей стороне. Поэтому в кадр попадает вся страница целиком, включая то, что было ниже экрана, и попадает такой, какой её видел человек, — со шрифтами, тенями и картинками, а не бледной копией. Верстка на сайте при этом не сдвигается ни на пиксель: страницу никто не трогает.
Виджет ведёт запись с первой отрисовки страницы, поэтому к моменту нажатия кнопки всё уже собрано: ошибки и предупреждения JavaScript, запросы, которые ответили ошибкой или не ответили вовсе, браузер, версия, размер экрана и последние действия посетителя. Значения полей и тела запросов не пишутся никогда — виджет стоит на чужих сайтах с чужими персональными данными, и это не то место, где можно рискнуть.
Снимок всей страницы с пометками посетителя.
error · Uncaught TypeError: cart.items is undefined
at checkout.js:214
warn · preload of /fonts/inter.woff2 was not used
Ошибки и предупреждения по порядку, с местом в коде.
500 POST /api/cart/confirm
timeout GET /api/prices?id=8841
200 GET /api/user
Запросы, которые ответили ошибкой или не ответили вовсе.
Chrome 141 · Windows 11
1280 × 720 · dpr 1.5
/checkout?step=payment
Браузер, система, размер экрана, адрес страницы.
Вы решаете, о чём вообще можно написать: ошибка, идея, вопрос — включаются те типы, которые вам нужны, и от выбранного зависит подсказка в поле. Заголовок и почта бывают обязательными, необязательными или скрытыми совсем: там, где отчёт — это одна фраза, отдельное поле только мешает, и карточка спокойно живёт без заголовка. К одному обращению прикладывается до шести снимков, и картинку не обязательно рисовать виджетом — её можно просто вставить из буфера.
Кнопка встаёт в любой из восьми точек — четыре угла и четыре середины сторон, — и бывает четырёх видов: только иконка, только текст, иконка с текстом или узкая полоска у края. Цвет, скругление, размер, отступ от края, иконка из набора или своя, светлая и тёмная панель, каждая строка формы — всё это настраивается в кабинете, а превью меняется на глазах, выкладывать ничего не нужно. Виджет живёт в shadow root: ваши стили до него не достают, а его стили не достают до вашей вёрстки. Языков в коробке двенадцать, и виджет сам выбирает тот, на котором написана страница; языка нет — переводится одной кнопкой.
Так кнопка встанет на вашем сайте.
Это малая часть. В кабинете виджет настраивается целиком — вариантов размещения и оформления там намного больше.
Обращения приходят на канбан: четыре колонки, перетаскивание, исполнители, приоритеты, комментарии. Есть таблица для тех, кто привык к таблице, и лента для тех, кто просто читает подряд, — и отдельная страница-сводка «Отчёты», где видно, что пришло за последнее время и по каким проектам. Фильтры запоминаются: настроили один раз — вернулись и увидели то же самое. Проектов может быть несколько, у каждого свой виджет и свой токен.
Возьмите карточку и перенесите её в другую колонку. Пальцем — тоже работает.
Новые
Корзина пустеет после оплаты
На айфоне не листается меню
В работе
Форма ругается на нормальный телефон
На проверке
Готово
Пространство — это отдельный набор проектов со своей командой: рабочее, клиентское, песочница. Переключаются они одним движением в меню, а подписка у человека одна на все, которыми он владеет. Роли четыре — от «смотрит» до «владеет», — и рядом с командой видно тех, кто вам писал: не участники, а те, чьи обращения пришли с сайта.
Если посетитель у вас уже вошёл в аккаунт, сайт может подписать его личность секретным ключом — и в карточке будет не «аноним», а имя и почта, которым можно верить. Подпись проверяется на нашей стороне, подделать её со страницы нельзя. Никто не вошёл — виджет просто спросит почту, и это тоже нормально.
Новое обращение уходит в Telegram, на почту, на ваш вебхук или строкой в Google-таблицу — по каждому проекту свой набор. Канал можно приглушить, чтобы он молчал о том, что вы сами же и написали, тестируя собственный сайт: иначе дежурного будят его же дымовые проверки.
Всё, что умеет кабинет, умеет и REST API: создать, найти, поправить, передвинуть по доске. Ключи выдаются и отзываются в кабинете, у каждого свои права и свои проекты. Этим пользуемся мы сами — доска Asklid живёт в Asklid, и задачи по ней двигает тот же агент, который пишет код.
curl -H "Authorization: Bearer sk_…" \
https://www.asklid.com/api/v1/tasksAPI открывается на любом платном тарифе. API
Скопируйте тег из кабинета и вставьте на сайт. Потом нажмите «Проверить»: мы откроем вашу страницу настоящим браузером и скажем, нашёлся виджет или нет. Не нашёлся — скажем, где искать причину, а не просто «ошибка».
Мы открываем страницу настоящим браузером, а не простым запросом: приложение, которое рисует себя скриптом, иначе выглядело бы пустым.
Начните бесплатно и посмотрите, как виджет работает на вашем сайте. Платные растут по проектам и людям — сами обращения не нормируются.
Проба
Бесплатно
проектов: 1 · людей: 2
Старт
$19 /мес
проектов: 3 · людей: 5
Команда
$49 /мес
проектов: 15 · людей: 20
Агентство
$99 /мес
проектов: без ограничений · людей: без ограничений
Тег грузится асинхронно, ядро весит около 15 КБ в gzip. Тяжёлая половина подтягивается только тогда, когда посетитель действительно нажал кнопку. До нажатия виджет не делает ни одного запроса к нам.
Нет. Виджет живёт в shadow root: стили страницы до него не достают, а его стили — до страницы. Вёрстку он не двигает и в момент снимка: страницу мы не перерисовываем, а отправляем как есть.
Так и задумано. Виджет снимает то, что в браузере прямо сейчас, — после всех отрисовок, роутингов и подгрузок. Именно поэтому кадр снимается по разметке страницы, а не запросом к вашему адресу: по адресу пришёл бы пустой каркас.
В ваше пространство здесь и больше никуда. Значения полей и тела запросов не собираются вообще. Форма честно говорит человеку, что уйдёт вместе с отчётом, ещё до нажатия «Отправить».
Любой посетитель — виджет для этого и стоит. Если нужно, чтобы кнопку видели только свои, покажите её тем, кто вошёл: тег вставляется скриптом, а не в шаблон для всех.
Нет. На бесплатном тарифе одно пространство, один проект, три человека и потолок обращений в месяц; API на нём закрыт. Любой платный открывает API, снимает плашку с виджета и перестаёт считать обращения.
Заведите пространство, скопируйте тег, вставьте на сайт. Больше от вас ничего не требуется.
Создать аккаунт