Что такое дашборд и зачем он нужен
За прошлые уроки мы научились строить отдельные чарты: столбцы расходов, линию динамики, индикатор с общей суммой. Но по отдельности они живут каждый в своём окне. Дашборд собирает их в одном месте — в цельный отчёт.
По определению из документации DataLens, дашборд — это набор чартов, селекторов для фильтрации данных и текстовых блоков. Его можно представить как лист, на котором размещены визуальные элементы — виджеты. Дашборд может содержать заголовок, графики, объединённые по смыслу, фильтры и поясняющие тексты.
Если чарт — это одна страница отчёта, то дашборд — вся презентация. Только живая: данные обновляются сами, а зритель может покрутить фильтры и посмотреть данные под нужным углом, не дёргая вас.
Вместо того чтобы каждую неделю присылать клиенту Excel-файл, агентство даёт ему ссылку на дашборд. Клиент сам выбирает период, смотрит расходы, CTR и конверсии — в любое время, с актуальными данными. Экономия — несколько часов в неделю.
Четыре типа виджетов
На дашборд можно добавить четыре вида элементов. Согласно документации, для визуализации на дашборд добавляют: чарт, селектор, текст или заголовок.
Селекторы — это отдельная большая тема. В этом уроке мы соберём структуру дашборда и добавим базовые элементы, а настройку интерактивных фильтров детально разберём в следующем уроке.
Соберите дашборд сами
Вот живой конструктор дашборда. Добавляйте виджеты кнопками сверху — они появятся на «листе». Попробуйте собрать осмысленный отчёт: заголовок, пара индикаторов, чарты, текстовый вывод.
Хороший порядок сборки: сначала заголовок вверху, под ним 2–3 индикатора с ключевыми числами (KPI), затем чарты, а внизу — поясняющий текст с выводами. Попробуйте собрать именно так в конструкторе выше.
Пошаговая сборка дашборда
На главной странице DataLens нажмите «Создать дашборд». Введите название — например, «Реклама — Клиент А, май 2026». Дашборд появится в списке на странице навигации.
В режиме редактирования нажмите «Добавить» → «Заголовок». Впишите название отчёта крупным текстом. Это первое, что увидит зритель.
Нажмите «Добавить» → «Чарт» и выберите один из сохранённых чартов (те, что строили в Wizard). Повторите для каждого графика. Виджеты появятся на листе.
Перетаскивайте виджеты мышкой и меняйте их размер за уголки. DataLens использует сетку — виджеты выравниваются автоматически. Разместите связанные по смыслу чарты рядом.
«Добавить» → «Текст». Напишите краткий вывод или контекст: «Расходы выросли на 12% за счёт кампании Поиск_МСК». Текст помогает зрителю быстрее понять цифры.
Нажмите «Сохранить». Дашборд готов. Теперь его можно открыть, дать коллегам по ссылке или опубликовать (об этом — ниже).
Если данных много, дашборд можно разбить на несколько вкладок — например, «Общая статистика», «По кампаниям», «География». Каждая вкладка — отдельный лист с виджетами. Это удобнее, чем бесконечная прокрутка одной длинной страницы.
5 правил хорошей вёрстки дашборда
Дашборд — не свалка графиков. Хороший дашборд читается сверху вниз, как история. Вот принципы, которые работают.
DataLens автоматически адаптирует дашборд под мобильные экраны: виджеты перестраиваются в одну колонку. Но проверьте результат — иногда стоит подкорректировать порядок, чтобы на телефоне самое важное осталось вверху.
Публикация и доступ
Дашборд собран — пора показать его людям. В DataLens есть несколько способов поделиться.
Доступ по ссылке для коллег
Самый простой способ — дать доступ конкретным пользователям. Они должны быть авторизованы через Яндекс ID. Вы назначаете роль: просмотр, редактирование или администрирование.
Избегайте назначения прав на редактирование большому числу сотрудников. Большинству нужен только просмотр. Чем меньше людей могут менять дашборд, тем меньше риск, что кто-то случайно его сломает.
Публичный доступ без авторизации
Если дашборд нужно показать клиенту или встроить на сайт, включите публичный доступ. Тогда любой человек со ссылкой увидит дашборд без входа в аккаунт.
Важно: при публикации нужно открыть публичный доступ не только к самому дашборду, но и ко всем чартам, датасетам и подключениям, которые он использует. DataLens проведёт вас по этим шагам.
Как мы разбирали в уроке 2: если данные подключены через Google Sheets, публичный доступ без авторизации может быть недоступен. Для публичных дашбордов используйте CSV-файлы или базы данных.
Встраивание на сайт
Дашборд или отдельный чарт можно встроить на сайт или в Tilda через код вставки (iframe). Это удобно для публичных отчётов, лендингов с метриками или внутренних порталов компании.
Проверьте себя
Что мы разобрали
- Дашборд — набор виджетов: чарты, селекторы, тексты и заголовки на одном листе
- Создаётся через «Создать дашборд», виджеты добавляются кнопкой «Добавить»
- Виджеты располагаются перетаскиванием по сетке, размер меняется за уголки
- Хорошая вёрстка: важное сверху, группировка по смыслу, воздух между блоками
- Много данных — разбивайте на вкладки вместо длинной прокрутки
- Публикация: по ссылке для коллег или публичный доступ для клиентов
Урок 7: Фильтры и селекторы — делаем дашборд интерактивным. Научимся добавлять выпадающие списки, фильтры по датам и связывать их с несколькими чартами, чтобы зритель сам управлял данными без перезагрузки страницы.