インスピレーションと洞察から生成されました 9 ソースから

img6

img7

img8

img9

img10

img11

はじめに

  • GA4にウェブページの読み込み速度を計測するためには、カスタムイベントを使用する方法があります。

  • タグマネージャとGA4の設定で、ナビゲーションタイミングAPIを活用し、様々な速度指標を計測します。

  • 全アクセスに対する詳細な測定が可能で、フロントエンドの処理時間を含む体感速度を記録することができます。

  • 具体的な設定方法として、ページビューのトリガー設定、カスタムJavaScriptコードの使用、およびカスタム指標の作成が必要です。

  • BigQueryの利用を必要としないので、比較的簡単にGA4によるサイト速度計測を開始できます。

GA4の設定方法 [1]

  • タグマネージャでGA4設定タグを作成し、測定IDを入力します。

  • トリガーとして、All Pagesトリガーを設定し、全ページビューに適用します。

  • ウィンドウ読み込みトリガーを追加し、ページロード完了時に処理を実行します。

  • タイミングイベント用のトリガーを作成し、速度データをGA4に送信します。

img6

img7

img8

カスタムJavaScript設定 [2]

  • GTMにカスタムJavaScript変数を作成し、ブラウザAPIを通じてページ読み込み速度を取得します。

  • Navigation Timing APIを使用してタイミングを計測し、タグマネージャのデータレイヤーに保存します。

  • GA4のカスタム指標として使用するため、主要な速度指標をデータレイヤー変数として送信します。

  • 300秒を超える異常値は無視するように設定し、データの精度を確保します。

イベントパラメータの登録 [2]

  • GA4の管理画面でカスタム定義を開きます。

  • カスタム指標として、各速度指標を登録し、イベントパラメータとして設定します。

  • 測定単位はミリ秒とし、特定のカスタム指標には標準単位を利用します。

  • カスタム指標はデータ分析において必要な情報を提供します。

img6

img7

img8

速度データの分析 [1]

  • GA4の探索画面で速度データを視覚化・分析します。

  • ページ単位で読み込み速度の合計とサンプル数を確認し、平均読み込み時間を計算します。

  • データのエクスポートにより高度な分析が可能です。

  • Googleデータポータルを使えば、平均値や他の分析指標も簡単に視覚化できます。

GA4と他ツールの比較 [3]

  • GA4は、Universal Analyticsとは異なり、複数のデバイス間でユーザーを追跡できます。

  • 自動での計測が可能で、イベントタグの設定が不要となる場合があります。

  • 無料で使用できる点は大きなメリットです。

  • 他のツールとの連携も容易で、解析の幅が広がります。

img6

img7

関連動画

<br><br>

<div class="-md-ext-youtube-widget"> { "title": "Google\u30a2\u30ca\u30ea\u30c6\u30a3\u30af\u30b94\uff08GA4\uff09\u306e\u8a2d\u5b9a\u65b9\u6cd5\u3092\u5fb9\u5e95\u89e3\u8aac\u3010\u5b8c\u5168\u7248\u3011", "link": "https://www.youtube.com/watch?v=nNJgrI0231E", "channel": { "name": ""}, "published_date": "Jun 21, 2023", "length": "18:02" }</div>

<div class="-md-ext-youtube-widget"> { "title": "GA4\u5206\u6790\u306e\u30d7\u30ed\u304c\u3088\u304f\u3042\u308b\u8cea\u554f41\u500b\u306b\u5168\u56de\u7b54\u3010Google ...", "link": "https://www.youtube.com/watch?v=KYxnTIpm4R8", "channel": { "name": ""}, "published_date": "Nov 21, 2024", "length": "48:10" }</div>

<div class="-md-ext-youtube-widget"> { "title": "Page Load Time in GA4 (Google Analytics 4)", "link": "https://www.youtube.com/watch?v=R9v9nNlQno4", "channel": { "name": ""}, "published_date": "Feb 8, 2024", "length": "11:24" }</div>