Перейти к основному содержимому

Отчёты

Перейти в личный кабинет

Функционал для сбора ошибок и создания избыточных отчётов на вашем сайте.

Изображение с примером отчёта

Обзор​

С помощью встраиваемого скрипта пользователи и QA-инженеры могут легко показать, где спрятался баг, а вы – получить отладочную информацию и сразу приступить к исправлению.

Настройка

Для этого создайте проект и подключите скрипт на ваш сайт.

Структура сервиса​

Внутри сервиса Отчёты находятся Проекты, предполагается, что вы создаёте отдельный проект под каждый свой сайт. Проекты разделяются по уникальному ключу captureKey. Внутри проектов уже будут появляться создаваемые вами отчёты с скриншотами и видео записями.

Установка​

Разместите код на HTML странице перед закрытием тега <head>:

<!-- tuna. Запись экрана и действий пользователей -->
<script>
    window.reportOptions = {
        captureKey: "YOUR_CAPTURE_KEY"
    };
</script>
<script src="https://reports.tuna.am/latest/index.js" async></script>

Замените YOUR_CAPTURE_KEY вашим из нужного проекта.

Вызов cкрипта для создания отчёта​

Есть несколько способов создать отчёт:

  • Горячие клавиши
  • Кнопка (data аттребут)
  • Вызов из кода (JS)
  • Аргумент в URL

Горячие клавиши​

Используйте сочетание клавиш

CTRL + ALT + S

Нажатие на кнопку​

Вызывайте форму создания отчета, добавив кнопку с data-аттрибутом:

<button data-report-trigger>
    Сообщить об ошибке
</button>

Вызов из кода​

Вызывайте форму создания отчета из своего кода, добавив команду:

if (typeof window.autoCapture !== 'undefined'
    && window.autoCapture.showCaptureModal) {
    window.autoCapture.showCaptureModal();
}

Аргумент в URL​

Вызывайте форму создания отчета, добавив к URL в адресной строке аргумент report=true.

https://example.com/dashboard?report=true

Запроса на создание отчёта с записью экрана​

Если вы хотите чтобы пользователь записал для вас отчёт не с сайта, а продемонстрировал проблему на своей рабочей станции, тогда можно создать ссылку с запросом на запись экрана.

Перейдя по ссылке пользователь сможет записать для вас видео и рассказать о проблеме.

Как выглядит отчёт?​

Внутри отчёта будет скриншот или видео и вся отладочная информация из консоли, сетевые операции, действия пользователя и снимок DOM-дерева страницы.

На первой вкладке содержится общая сводная информация о клиенте, устройстве, браузере...

Видимость отчёта​

По умолчанию отчёт создаётся с видимостью - Только для участников команды, но вы можете сделать его публичным. Например для ведения диалога с клиентом создавшим отчёт.