# 🆕 Отчёты - новый функционал

12 ноября 2025 г. ·

<!-- -->

2 мин. чтения

Мы рады представить новый компонент платформы Tuna - **Отчёты**. Предназначенный для генерации отчётов об ошибках на вашем сайте. С помощью встраиваемого скрипта пользователи и QA-инженеры могут легко показать, где спрятался баг, а вы – получить отладочную информацию и сразу приступить к исправлению.

[Перейти к разделу Отчёты в документации](https://tuna.am/docs/reports.md)

![Настройка](/docs/img/reports/setup.png)

## Как это работает?

1. Перейдите в личный кабинет и создайте проект в разделе [Отчёты](https://my.tuna.am/reports).

2. Добавьте на ваш сайт код перед закрытием тега `<head>`:

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

   ```

3. Вызовите скрипт `CTRL + ALT + S` или `⌘ + ⌥ + S` и создайте отчёт.

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

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

**Информация**

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

![](/docs/img/reports/info.png)

**Инспектор**

Снимок DOM-дерева страницы, с возможностью выбора элемента.

***

примечание

Эта вкладка доступна только для отчётов с скриншотом, в отчётах с видео невозможно захватить снимок DOM-дерева так как он может меняться по ходу.

**Консоль**

Список всех событий из консоли браузера.

![](/docs/img/reports/console.png)

**Сеть**

Список всех XHR запросов с возможностью заглянуть в детали.

**Действия**

Действия пользователя на странице.

![](/docs/img/reports/actions.png)

**Комментарии**

Также можно оставлять комментарии и реакции к комментариям.

![](/docs/img/reports/message.png)

## Видео обзор

**YouTube**

**VK Видео**

***

## Оставьте отзыв

Если вам нравится пользоваться Tuna, или наоборот вы недовольны чем либо, то пожалуйста [оставьте отзыв](https://my.tuna.am/?show_feedback=1).

![](/blog/img/2024-08-22/feedback.gif)

## Помощь

Мы ценим наших пользователей и детально изучаем все обращения, если у вас возникли проблемы с tuna – обязательно свяжитесь с нами одним из способов:

* [Электронная почта](mailto:info@tuna.am)
* [Telegram сообщество](https://telegram.me/+Kgbtt0_gJwI5ZmEy)

**Теги:**

* [release](https://tuna.am/blog/tags/release)
