Опубликовано: 12 июня 2020 г., Последнее обновление: 9 сентября 2025 г.
Looker Studio (ранее Data Studio) — это мощный инструмент визуализации данных, позволяющий создавать панели мониторинга на основе больших массивов данных, таких как отчет Chrome UX Report (CrUX). В этом руководстве вы узнаете, как создать собственную панель мониторинга CrUX для отслеживания тенденций пользовательского опыта в определенном источнике.
Панель мониторинга CrUX создана с использованием функции Looker Studio под названием Community Connectors . Этот коннектор представляет собой предварительно установленную связь между исходными данными CrUX в BigQuery и визуализациями Looker Studio. Он избавляет пользователей панели мониторинга от необходимости писать какие-либо запросы или создавать диаграммы. Все уже создано для вас; вам нужно лишь указать источник, и для вас будет сгенерирована пользовательская панель мониторинга.
Панель управления CrUX по умолчанию
В CrUX используется панель мониторинга по умолчанию , которая поддерживается командой CrUX. Новые метрики (например, INP ) добавляются командой и становятся доступны при следующей загрузке панели мониторинга.
Создайте пользовательскую панель мониторинга
Некоторые пользователи могут захотеть настроить панель управления, в этом случае вы можете создать собственную копию панели управления по умолчанию и изменить ее по своему усмотрению.
Чтобы создать пользовательскую панель мониторинга, перейдите по ссылке g.co/chromeuxdash . Это перенаправит вас на страницу коннектора сообщества CrUX, где вы сможете указать источник, для которого будет сгенерирована панель мониторинга. Обратите внимание, что пользователям, использующим сервис впервые, может потребоваться заполнить поля для ввода разрешений или указать предпочтения в отношении маркетинговых рассылок.
Поле ввода текста принимает только адреса источников, а не полные URL-адреса. Например:
https://developer.chrome.com
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard
Если протокол не указан, предполагается использование HTTPS. Поддомены имеют значение, например, https://developers.google.com и https://www.google.com считаются разными источниками.
К распространённым проблемам с указанием источника относятся, например, указание неправильного протокола, например http:// вместо https:// , и отсутствие поддомена, когда это необходимо. Некоторые веб-сайты включают перенаправления, поэтому, если http://example.com перенаправляет на https://www.example.com , то следует использовать последний вариант, который является канонической версией источника. Как правило, следует использовать тот источник, который пользователи видят в адресной строке.
Установив флажок, вы включите источник в URL-адрес панели мониторинга, что позволит использовать одну и ту же панель мониторинга для разных источников, изменив этот параметр URL в будущем, поэтому рекомендуется установить этот флажок.
Нажмите кнопку «Подключиться» . Если вы поставили галочку в соответствующем поле, вам будет предложено подтвердить подключение.
Если ваш источник не включен в набор данных CrUX, вы можете получить сообщение об ошибке, подобное показанному на следующей диаграмме. В наборе данных содержится более 15 миллионов источников, но для нужного вам источника может не хватать данных для включения.
Если источник существует, вы перейдете на страницу схемы панели мониторинга. На ней отображаются все включенные поля: каждый эффективный тип подключения, каждый форм-фактор, месяц выпуска набора данных, распределение производительности для каждой метрики и, конечно же, имя источника. Вам ничего не нужно делать или менять на этой странице, просто нажмите «Создать отчет» , чтобы продолжить.
Воспользуйтесь панелью управления
Каждая панель управления включает в себя три типа страниц:
- Обзор основных параметров веб-разработки (Core Web Vitals).
- Показатели эффективности
- Демографические данные пользователей
На каждой странице представлена диаграмма, показывающая распределение данных во времени для каждого доступного ежемесячного выпуска. По мере выпуска новых наборов данных вы можете обновить панель мониторинга, чтобы получить самые свежие данные.
Ежемесячные наборы данных публикуются во второй вторник каждого месяца. Например, набор данных, содержащий информацию об опыте пользователей за май, публикуется во второй вторник июня.
Обзор основных параметров веб-разработки (Core Web Vitals).
На первой странице представлен обзор ежемесячных показателей Core Web Vitals . Это наиболее важные метрики UX, на которые Google рекомендует обратить внимание.
Используйте страницу «Основные параметры веб-сервера», чтобы понять, как пользователи настольных компьютеров и телефонов воспринимают систему. По умолчанию выбран последний месяц на момент создания панели мониторинга. Чтобы переключаться между более старыми и новыми ежемесячными выпусками, используйте фильтр «Месяц» в верхней части страницы.
Обратите внимание, что планшет по умолчанию отсутствует на этих диаграммах, но при необходимости вы можете удалить фильтр «Без планшета» в настройках столбчатой диаграммы:
Показатели эффективности
После страницы Core Web Vitals вы найдете отдельные страницы со всеми метриками из набора данных CrUX.
В верхней части каждой страницы находится фильтр «Устройство» , который позволяет ограничить типы устройств, включенных в данные об опыте использования. Например, можно детализировать данные только для мобильных устройств. Этот параметр сохраняется на всех страницах.
Основные визуализации на этих страницах — это ежемесячное распределение впечатлений, отнесенных к категориям «Хорошие», «Требуют улучшения» и «Плохие». Цветовая легенда под диаграммой указывает диапазон впечатлений, включенных в категорию. Например, на предыдущем скриншоте вы можете увидеть, как процент «хороших» впечатлений от Largest Contentful Paint (LCP) колеблется и немного ухудшается в последние месяцы.
Процентное соотношение «хороших» и «плохих» отзывов за последний месяц показано над диаграммой, а также указание на процентное различие по сравнению с предыдущим месяцем. Для данного региона количество «хороших» отзывов о LCP снизилось на 3,2% и составило 56,04% по сравнению с предыдущим месяцем.
Кроме того, для таких метрик, как LCP и других показателей Core Web Vitals, которые предоставляют явные рекомендации по процентилям, вы найдете метрику "P75" между процентами "хорошо" и "плохо". Это значение соответствует 75-му процентилю пользовательского опыта на исходном устройстве. Другими словами, 75% пользовательского опыта лучше этого значения. Следует отметить, что это относится к общему распределению по всем устройствам на исходном устройстве. Переключение между конкретными устройствами с помощью фильтра "Устройство" не приведет к пересчету процентиля.
Технические оговорки относительно процентилей
Обратите внимание, что процентильные метрики основаны на данных гистограммы из BigQuery , поэтому детализация будет грубой: 100 мс для LCP, 25 мс для INP и 0,05 для CLS. Другими словами, значение P75 LCP, равное 3800 мс, указывает на то, что истинный 75-й процентиль находится где-то между 3800 мс и 3900 мс.
Кроме того, в наборе данных BigQuery используется метод, называемый «разнесение по интервалам», при котором плотность пользовательских событий группируется в очень крупные интервалы с уменьшающейся детализацией. Это позволяет нам включать мельчайшие значения плотности в хвост распределения, не превышая четырехзначную точность. Например, значения LCP менее 3 секунд группируются в интервалы шириной 200 мс. В интервалах от 3 до 10 секунд ширина интервалов составляет 500 мс. После 10 секунд ширина интервалов составляет 5000 мс... Вместо использования интервалов различной ширины, разнесение по интервалам гарантирует, что все интервалы имеют постоянную ширину 100 мс (наибольший общий делитель), и распределение интерполируется линейно по каждому интервалу.
Соответствующие значения P75 в таких инструментах, как PageSpeed Insights, не основаны на общедоступном наборе данных BigQuery и позволяют получать значения с точностью до миллисекунды.
Демографические данные пользователей
На страницах с демографическими данными пользователей представлены два параметра : устройства и эффективные типы подключения (ECT). На этих страницах показано распределение просмотров страниц по всему источнику для пользователей каждой демографической группы.
На странице распределения устройств отображается разбивка пользователей телефонов, настольных компьютеров и планшетов по периодам времени. Во многих странах данные по планшетам практически отсутствуют, поэтому на графике часто можно увидеть отметку «0%».
Аналогично, на странице распределения ECT отображается информация о работе в сетях 4G, 3G, 2G, медленном 2G и в автономном режиме.
Распределения для этих параметров рассчитываются с использованием сегментов данных гистограммы First Contentful Paint (FCP).
Часто задаваемые вопросы
Вот некоторые из часто задаваемых вопросов о создании дашбордов CrUX в Looker Studio:
В каких случаях мне следует использовать панель управления CrUX вместо других инструментов?
Панель мониторинга CrUX основана на тех же базовых данных, что и BigQuery, но вам не нужно писать ни одной строки SQL для извлечения данных, и вам никогда не придется беспокоиться о превышении бесплатных квот. Настройка панели мониторинга быстрее и проще, чем просмотр или запрос базовых данных, все визуализации генерируются автоматически, и вы можете поделиться ею с кем угодно.
Существуют ли какие-либо ограничения при использовании панели управления CrUX?
Поскольку панель мониторинга CrUX основана на BigQuery, она наследует все его ограничения. Она ограничена данными на уровне источника с ежемесячной детализацией.
Панель мониторинга CrUX также жертвует некоторой универсальностью исходных данных BigQuery ради простоты и удобства. Например, распределение метрик отображается только в категориях «хорошо», «требует улучшения» и «плохо», в отличие от полных гистограмм. Панель мониторинга CrUX также предоставляет данные на глобальном уровне, в то время как набор данных BigQuery позволяет детализировать данные по конкретным странам.
Где я могу узнать больше о Looker Studio?
Для получения более подробной информации посетите страницу с описанием возможностей Looker Studio .