Looker StudioでのCrUX Dashboardの使用

Looker Studioは、Chrome UXレポート（CrUX）などのビッグデータソースの上にダッシュボードを構築できるようにする強力なデータ可視化ツールです。このガイドでは、オリジンのユーザーエクスペリエンスの傾向を追跡する独自のカスタムCrUX Dashboardを作成する方法を学習します。

CrUX Dashboardは、コミュニティコネクターと呼ばれるLooker Studioの機能を使用して構築されます。このコネクターは、BigQueryのCrUXローデータとLooker Studioの可視化の間で事前に確立されたリンクで、ダッシュボードのユーザーがクエリを書いたり、グラフを生成したりする必要がなくなります。すべてが構築されているため、ユーザーはオリジンを指定するだけで、ダッシュボードを生成することができます。

# ダッシュボードの作成

まず、g.co/chromeuxdashにアクセスし、ダッシュボードを生成するオリジンを指定できるCrUXコミュニティコネクターページに移動します。初めて利用するユーザーの場合、許可またはマーケティング設定のプロンプトを完了する必要がある場合があります。

テキスト入力フィールドには、完全なURLではなく、以下のようにオリジンのURLのみを指定できます。

https://web.dev

https://developer.chrome.com/chrome-ux-report-looker-studio-dashboard/

プロトコルを省略すると、HTTPSであると見なされます。サブドメインは重要です。たとえば、 https://developers.google.comとhttps://www.google.comは異なるオリジンと見なされます。

オリジンに関するいくつかの一般的な問題は、https://の代わりにhttp://を指定するなどのようにプロトコルの指定が誤っている場合や、必要であるにも関わらずサブドメインが省略されている場合があります。一部のWebサイトにはリダイレクトが含まれる場合があるため、http://example.comがhttps://www.example.comにリダイレクトする場合は、オリジンの正規バージョンである後者を使用する必要があります。URLバーに表示されるオリジンを使用するのが、基本ルールです。

オリジンがCrUXデータセットに含まれていない場合、次のようなエラーメッセージが表示されることがあります。データセットには400万以上のオリジンがあるが、必要なオリジンにはデータセットに含まれるのに十分なデータがないこともあります。

オリジンが存在する場合は、ダッシュボードのスキーマページに移動します。そのページには、有効な接続タイプ、フォームファクター、データセットがリリースされた月、指標ごとのパフォーマンスの分布、そしてもちろんオリジンの名前が含まれています。このページでは何かを実行したり変更したりする必要はないため、Create Reportをクリックして次に進みます。

# ダッシュボードの使用

各ダッシュボードには、次の3種類のページがあります。

1. Core Web Vitalsの概要
2. 指標のパフォーマンス
3. ユーザーの統計情報

ページごとに、使用可能な月次リリースの経時的な分布を示すグラフが含まれています。新しいデータセットがリリースされるたびにダッシュボードを更新するだけで最新のデータを取得できます。

月次データセットは、毎月第2火曜日にリリースされます。たとえば、5月のユーザー体験データが含まれるデータセットは、6月の第2火曜日にリリースされます。

# Core Web Vitalsの概要

最初のページは、オリジンの毎月のCore WebVitalsパフォーマンスの概要です。これらは、Googleが注目するよう勧めている最も重要なUX指標です。

Core Web Vitalsページを使用すると、デスクトップと携帯電話におけるオリジンのユーザーエクスペリエンスを理解できます。デフォルトでは、ダッシュボードを作成した最新の月が選択されています。古い月次リリースと新しい月次リリースを切り替えるには、ページの上部にあるMonthフィルターを使用します。

タブレットはデフォルトでこれらのグラフから省略されていますが、必要に応じて、以下に示す棒グラフ構成でNo Tabletフィルターを削除できます。

# 指標のパフォーマンス

Core Web Vitalsページの次に、CrUXデータセットのあるあらゆる指標を示す独立したページがあります。

各ページの上部にはDeviceフィルターがあり、エクスペリエンスデータに含まれるフォームファクターを絞り込むために使用できます。たとえば、具体的に携帯電話でのエクスペリエンスに絞り込むことができます。この設定はページ全体に適用されます。

これらのページの主な可視化は、「Good（良い）」、「Needs Improvement（改善が必要）」、「Poor（悪い）」に分類されたエクスペリエンスの月次分布です。グラフの下の色分けされた凡例は、カテゴリに含まれるエクスペリエンスの範囲を示しています。たとえば、上のスクリーンショットでは、「Good」Largest Contentful Paint（LCP: 最大視覚コンテンツの表示時間）エクスペリエンスの割合が変動しており、ここ数か月でわずかに悪化していることがわかります。

直近の月には「Good」と「Poor」のエクスペリエンスの割合は、前月との差の指標とともにチャートの上に表示されます。このオリジンでは、「Good」LCPエクスペリエンスは、前月比で3.2％減少して56.04％になっています。

さらに、明示的なパーセンタイルの推奨を示すLCPや他のCore Web Vitalsなどの指標については、「Good」と「Poor」の割合の間に「P75」という指標があります。この値は、オリジンの75thパーセンタイルのユーザーエクスペリエンスに対応します。言い換えれば、エクスペリエンスの75％はこの値よりも優れているということです。注意点は、オリジン上のすべてのデバイスにわたる全体的な分布に適用されるということです。Deviceフィルターで特定のデバイスに切り替えても、パーセンタイルは再計算されません。

# ユーザーの統計情報

ユーザーの統計情報ページには、デバイスと有効な接続タイプ（ECT）の2つの次元が含まれています。これらのページは、各統計情報のユーザーのオリジン全体にわたるページビューの分布を示しています。

デバイス分布ページには、携帯電話、デスクトップ、およびタブレットのユーザーの内訳が時系列で表示されます。多くのオリジンはタブレットデータがほとんどないかまったく存在しない傾向があるため、グラフの端からのぶら下がりが「0％」であることがよくあります。

同様に、ECT分布ページには、4G、3G、2G、低速2G、およびオフラインエクスペリエンスの内訳が表示されます。

これらの次元の分布は、First Contentful Paint（FCP: 視覚コンテンツの初期表示時間）ヒストグラムデータのセグメントを使って計算されます。

# よくある質問

# どのようなときに、他のツールではなくCrUX Dashboardを使用しますか？

CrUX Dashboardは、BigQueryで利用可能な同じ基盤データに基づいていますが、データ抽出のためのSQLを1行書く必要がないため、使用可能なクォータを超えることを心配する必要がありません。ダッシュボードの設定はすばやく簡単で、すべての可視化が自動的に生成され、任意のユーザーに共有できるコントロールがあります。

# CrUX Dashboardの使用に制限はありますか？

BigQueryの基づくということは、CrUX Dashboardがそのすべての制限も継承していることでもあります。月次の粒度でのオリジンレベルのデータに制限されています。

CrUX Dashboardでは、単純性と利便性を得るためにBigQueryのローデータにある一部の汎用性がトレードオフされています。たとえば、指標分布は、完全なヒストグラムではなく、「Good」、「Needs Improvement」、「Poor」しか示しません。CrUX Dashboardはグローバルレベルのデータも提供しますが、BigQueryデータセットでは特定の国でズームインすることが可能です。

# Looker Studioの詳細はどこで確認できますか？

詳細については、Looker Studioの機能ページをご覧ください。