Looker Studio (ранее Data Studio) — это мощный инструмент визуализации данных, который позволяет создавать информационные панели на основе больших источников данных, таких как отчет Chrome UX (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 . Это наиболее важные UX-метрики, на которых Google рекомендует вам сосредоточиться.
Используйте страницу Core Web Vitals, чтобы понять, как источник воспринимается пользователями настольных компьютеров и телефонов. По умолчанию выбирается самый последний месяц на момент создания информационной панели. Чтобы переключаться между старыми и новыми ежемесячными выпусками, используйте фильтр «Месяц» вверху страницы.
Обратите внимание, что планшет по умолчанию отсутствует в этих диаграммах, но при необходимости вы можете удалить фильтр «Нет планшета» в конфигурации гистограммы:
Метрика производительности
После страницы Core Web Vitals вы найдете отдельные страницы для всех показателей в наборе данных CrUX.
На каждой странице находится фильтр устройств , который можно использовать для ограничения форм-факторов, включенных в данные об опыте. Например, вы можете подробно изучить возможности телефона. Этот параметр сохраняется на всех страницах.
Основные визуализации на этих страницах представляют собой ежемесячное распределение опыта, отнесенного к категориям «Хорошо», «Требуется улучшение» и «Плохо». Легенда с цветовой кодировкой под диаграммой указывает диапазон впечатлений, включенных в категорию. Например, на предыдущем снимке экрана вы можете видеть, что процент «хороших» впечатлений от Largest Contentful Paint (LCP) колеблется и в последние месяцы становится немного хуже.
Над диаграммой показаны проценты «хороших» и «плохих» впечатлений за последний месяц вместе с индикатором процентной разницы с предыдущим месяцем. По этой причине количество «хороших» впечатлений от LCP упало на 3,2% до 56,04% по сравнению с предыдущим месяцем.
Кроме того, для таких показателей, как LCP и других основных веб-показателей, которые предоставляют явные рекомендации по процентилям, вы найдете метрику «P75» между «хорошими» и «плохими» процентами. Это значение соответствует 75-му процентилю пользовательского опыта источника. Другими словами, 75% впечатлений лучше этого значения. Следует отметить, что это относится к общему распределению по всем устройствам в источнике. Переключение определенных устройств с помощью фильтра устройств не приведет к перерасчету процентиля.
Технические предостережения относительно процентилей
Имейте в виду, что метрики процентилей основаны на данных гистограммы из BigQuery , поэтому степень детализации будет грубой: 100 мс для LCP, 25 мс для INP и 0,05 для CLS. Другими словами, LCP P75, равный 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?
Основание на BigQuery означает, что панель мониторинга CrUX также наследует все его ограничения. Он ограничен данными на уровне источника с ежемесячной детализацией.
Панель управления CrUX также отказывается от некоторой универсальности необработанных данных BigQuery в пользу простоты и удобства. Например, распределения показателей представлены только как «хорошие», «нужно улучшить» и «плохие», в отличие от полных гистограмм. Панель управления CrUX также предоставляет данные на глобальном уровне, а набор данных BigQuery позволяет масштабировать отдельные страны.
Где я могу узнать больше о Looker Studio?
Посетите страницу функций Looker Studio для получения дополнительной информации.