【GA4】Google Analytics 4の遅延読み込み用JavaScript

今回はこのブログでも利用しているGA4(Google Analytics 4)の遅延読み込み用のJavaScriptを紹介します。

ブログ運営をしているとページ読み込み速度(PageSpeed Insightsの点数)を気にすることも多いと思います。私自身、そうした数値を追うよりも大切なことがあると理解しつつも、つい点数を気にしてしまいます。

そしてそんな数字を追う時に問題になるトピックスの一つがGA4(Google Analytics 4)ということになるでしょう。

実際問題としてはそこまで大きな減点にはならないのですが、点数は高いほうが良いというのが人情でございますので私が利用しているJavaScriptを紹介します。

とは言うものの、一から私の知見で作ったものではなくChatGPTとの対話を重ねながら作ったものになります。現代的にはその方が説得力があるかもしれませんが。

GA4の遅延読み込み用JavaScript

具体的なJavaScriptと使い方

基本的には上のスクリプトの「G-XXXXXXXXXX」を自分のものに変更して「</body>」の上に貼り付けて貰えれば遅延読み込みされます。

このスクリプトでは「スクロール」や「マウスの移動」など、ユーザーが何かしらの動きを起こすか、「5秒の経過」をきっかけにGA4のタグが読み込まれるようになっています。「5秒」を変更したい場合は最後の行の「5000」を変更してください(例えば「2秒」にしたければ「2000」)。

「スクロール」だけで読み込ませたい場合は、上のスクリプトの青い部分で「scroll」意外を削除すればOKです。

以上！

ジブリ愛を試すWEBクイズ

あなたのジブリ愛、知識、観察力そして集中力を試す楽しいWEBクイズ。様々な種類の難問を素早く解いてランキングに登録！上の画像をクリックするとゲームページに飛びます。

まずは場面写真クイズ！