Google アナリティクス 4 でウェブページの読み込み速度を追跡する

この記事では、Google アナリティクス 4 でページの読み込み速度を追跡する方法を紹介します。方法は 2 つあります。

• 1 つは、別のイベントを使用してページの読み込み速度を追跡する方法です。たとえば、Web ページが読み込まれた後、別のイベントを送信してページの読み込み速度を追跡します。この方法では、送信されるリクエストの数が増加します。
• 1 つは、Web ページの読み込み速度を Web ブラウジングに組み込む方法です。たとえば、カスタム JavaScript を使用してブラウザ API を通じて Web ページの読み込み速度を取得し、それをイベント パラメーターとして設定し、PV とともに送信します。送信されるリクエストの数を増やします。

今回紹介するのは 2 番目の方法です。この方法を使用する際には次の 2 つの点に注意してください。

トリガー条件は、Web ブラウジングではなく、ウィンドウが読み込まれていることである必要があります。Web ブラウジングを使用する場合、ウィンドウがまだ読み込まれていない可能性があり、ウィンドウが読み込まれている場合、ページの読み込み速度が得られなくなります。ロードする必要があり、ページのロード速度を取得できます。
ウィンドウがロードされる前にイベントをトリガーしないでください。イベントが PageView よりも早くトリガーされると、アトリビューションに影響します。

次に、具体的な設定プロセスを見てみましょう。

変数: カスタム JavaScript

GTM で新しいカスタム JavaScript 変数タイプを作成します。この変数の機能は、ブラウザ API を通じて Web ページの読み込み速度を取得することです。

コード：

function(){
  var timing = performance.getEntriesByType('navigation')[0] || performance.timing;

var load_time = ((timing.loadEventStart-timing.fetchStart)/1000).toFixed(2);

if(load_time>0){
	return load_time;
 }
}

コード: デフォルトの Web ブラウジング追跡

GA4 のデフォルトの Web ブラウジングのコードを見つけて、共有設定に追加します。

次に、このコードのトリガー条件をページビュー – ウィンドウの読み込みに変更します。

プレビュー

設定後、GTM でプレビューおよびデバッグします。

ご覧のとおり、イベント パラメーター page_load_time は Web ページの読み込み速度を追跡します。

イベントパラメータを登録する

GA4の「管理」——「カスタム定義」——「カスタム指標 」-「カスタム指標を作成 」をクリックし、以下の設定を行います。

それでおしまい。

探索: データ検証

いくつかの情報を収集した後、任意のフォームを使用して探索の情報を確認できます。

ここでの Page Load Time は、複数の Web ページの合計です。計算式は、{Page Load Time}/{イベント数} です。レポートは次のようになります。

各Webページの平均読み込み時間を知ることができるようになりました。