今回はこのブログでも利用している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です。
以上！
この記事を書いた人
最新記事
- 2025年8月22日
【もののけ姫】宮崎駿版「ゴジラ」としての側面とアシタカの痣が消えなかった理由を考察 - 2025年8月14日
【もののけ姫】雑学＆豆知識集-裏話や制作秘話を紹介- - 2025年8月11日
【火垂るの墓】雑学＆豆知識集-裏話や制作秘話を紹介- - 2025年7月25日
【サマーウォーズ】登場人物＆声優一覧とキャラクター考察そして人物相関図、家系図 - 2025年7月23日
【サマーウォーズ】ネタバレあらすじと考察ポイントー人物相関図と家系図付きでラストまで解説ー
あなたのジブリ愛、知識、観察力そして集中力を試す楽しいWEBクイズ。様々な種類の難問を素早く解いてランキングに登録！上の画像をクリックするとゲームページに飛びます。
