PageSpeed в Google Data Studio — метрики производительности сайта в отчетах SEO

Google Data Studio — отличный инструмент BI-аналитики. Мы с его помощью строим большое число отчетов и дашбордов, в том числе и операционных отчетов о работе сайтов, отчетов по SEO оптимизации и многое другое. Обычно такие отчеты включают в себя:

  • Диаграммы трафика на сайт и распределение по маркетинговым каналам
  • Показатели эффективности трафика
  • Воронки заказов на сайте
  • Позиции в поисковых системах
  • Видимость сайта в поисковых системах
  • Пропущенные и рекомендованные запросы в поисковых системах

Однако сейчас общая скорость сайта является весьма важным фактором, и наши специалисты и клиенты хотели бы видеть метрики производительности, тот же PageSpeed в операционных отчетах. Это несложно сделать.

Как вывести PageSpeed в отчеты Google Data Studio

Google Data Studio очень выгодно отличается от других инструментов BI наличием большого числа готовых коннекторов, то есть, компонентов, которые позволяют получить доступ к тем или иных системам или данным. Даже если коннектора нет, они достаточно несложно создаются самостоятельно. Но это немного другая история.

Так вот, хорошая новость: есть готовый коннектор PageSpeed! Давайте его используем.

Подключение PageSpeed к отчету

Создайте новый отчет или откройте существующий. Выберите Ресурс → Добавленные источники данных.

Добавление источника данных к отчету

И далее нажмем Добавить источник данныхИсточники данных в отчетеКоннекторов много, поэтому удобно в поиске написать “PageSpeed” и выбрать вот этот коннектор:

Коннектор PageSpeed

Далее просто укажите адрес вашего сайта и нажмите кнопку [Связать] в правом верхнем углу

Настойка коннектора PageSpeed

Это очень простой коннектор, у него все два поля

  • weburlName — собственно URL, который измеряется
  • Page Speed Insights Score — и само измерение PageSpeed

Ничего добавлять сюда не будем, просто нажмите кнопку [Добавить к отчету].

Вывод показателя PageSpeed в отчете

Ну теперь осталось его красиво показать. Можно, конечно же, использовать стандартные элементы визуализации, например, шкалку с целями, но куда нагляднее будет спидометр Gauge:

Добавление спидометра в отчет Google DataStudio

Разместите его в нужном месте отчета и давайте его настроим.

Для начала подключим его к нужному источнику данных:

Щелкните по источнику данных и выберите PageSpeed. Должно получиться вот так:

Настройка данных спидометра

Теперь переключитесь на вкладку “Стиль” и сделайте следующие изменения:

  1. Green Section — выберите цвет “красный” и укажите числа min 25, max 70

Красная зона

  1. Yellow Section — укажите числа min 70, max 85
  2. Red Section — выберите цвет зеленый и укажите числа min 85, max 100

Далее переключитесь на вкладку “Данные” и нажмите на карандашик напротив названия метрики:

Выбор источника данных

Введите в качестве названия, например, символ %.

Всё! Смотрите на свой отчет!

Спидометр PageSpeed в отчете Google Data Studio

Как видите, всё достаточно просто.

Кстати, этот и подобные трюки будут подробно рассмотрены на моем первом очном официальном курсе по BI-аналитике. Успейте записаться!

Google Data Studio и WordPress

Некоторое время назад появился невероятно мощный инструмент Google Data Studio, который объединяет самые разнородные данные и на основе этих данных строит наглядные интерактивные отчёты. К чести Google этот инструмент оказался намного более простым и, самое главное, не настолько замороченным идиотскими ограничениями, как его ближайший конкурент от некрофильной компании Microsoft, к которому я, например, так и не смог подключится. Но при этой простоте Google Data Studio не теряет самого главного — визуализации любых данных, своего основного назначения. Кстати, правильное название этого инструмента по-русски — Google Центр данных.

Зачем нужен Центр Данных

Google DataStudio позволяет получать любые данные из практически любого источника, для которого существует коннектор. Комбинируя полученные данные, мы можем с легкостью создавать отчеты, сводки, дашборды с KPI для оперативного контроля практически любой задачи.

Коннекторы Data Studio

Коннекторы Google Data StudioКоннектор — это программный модуль, который производит загрузку данных в отчет в виде плоской таблицы или набора таких таблиц. С помощью коннектора в Центре Данных создается так называемый Источник данных, то есть, набор параметров подключения, которые определяют какие данные и откуда следует взять. Например, корректор Google Analytics создает источник данных, получающий данные именно вашего аккаунта и ресурса GA, то есть, именно вашего сайта.

Стандартно Google дает коннекторы для:

  • Google Analytics
  • Google Search Console
  • AdWords
  • BigQuery
  • CloudSQL
  • MySQL
  • Многие другие

Фактически даже этот набор коннекторов позволяет взять для анализа любые данные любого сайта, но, конечно же, для решения боевых задач потребуется ряд усилий.

Поэтому Google предоставляет готовый набор инструментов — Google Apps Script, с помощью которых разработчики могут достаточно несложно создавать свои собственные коннекторы. Для интересующихся могу порекомендовать изучение следующих материалов (англ.):

Мы в нашей компании пошли именно по этому пути — мы сейчас пытаемся создавать (пока только для внутреннего использования) корректоры к REST API наших внутренних систем — CRM, CPM и кое-что другое.

Использование отчетов Data Studio в WordPress

Любые отчеты Центра данных изначально могут быть встроены в любые страницы сайта, но мне кажется наиболее востребованной функцией создание дашбордов (сводок с основными KPI сайта) для зарегистрированных пользователей — администраторов, менеджеров магазина или клиентов компании.

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

Но в качестве первого прообраза мы нашли и использовали решение от Ezond, за что им огромное спасибо!

Отображение отчетов Data Studio в WordPress

Тем не менее, даже такое простое решение позволяет построить достаточно функциональные отчёты для многих бизнес-задач. Конечно же, здесь важна не столько техника как показать отчёт в WordPress, сколько построение самого отчёта под бизнес-задачу, то есть что показать. Думаю, эту функцию мы будет реализовывать индивидуально для каждого конкретного клиента и сайта.

Но те возможности, которые дает нам Центр данных, реально вдохновляют нас на активное использование этого подхода для бизнес-сайтов. Смотрите также услугу «Создание аналитического отчета Google Data Studio«.