GA4キーイベントを計測（その１）
#JavaScript（jQuery、そのたJS技術） #アクセス分析SEO検索（データ分析、データサイエンス、調査統計）
created: 2025/05/11,
modified: 2025/06/15
GA4でキーイベントを計測する方法。その１としてシンプルにキーイベントの数をカウントします。 各ページにGTMコードが入っていて、GTM経由でGA4へ計測情報を送信します。
サンプルサイト「洋服屋」
https://usual.tools/tech/sample/clothing-store
- キーイベントの数計測
- 購入情報も計測するよう追加
1-1. GTM
カスタムイベントのトリガーを作る
GTM で Trigger設定
| 項目 | 内容 | 補足 |
|---|---|---|
| トリガー名 | Purchase Trigger (250511) | 任意 |
| 種類 | カスタムイベント | |
| イベント名 | purchase | dataLayerと一致させる |
| 発生場所 | すべてのカスタムイベント |
GA4 イベントのタグを作る
GTM で Tag設定
| 項目 | 内容 |
|---|---|
| タグ名 | Purchase Event (250511) |
| 種類 | Google アナリティクス: GA4 イベント |
| 測定ID | GA4の G-XXXXXXX を指定 |
| イベント名 | purchase |
| イベントパラメータ | なし（何も追加しない） |
| トリガー | さっき作った Purchase Trigger (250511) |
GA4測定IDの調べ方
GA4の測定IDの調べ方
1-2. Thanks ページにjsコードを記述
dataLayer でイベント purchase をプッシュ
Thanks のひとつ前のページ
https://usual.tools/tech/sample/clothing-store/order/03-confirmation
1-3. GTM プレビューしてから公開
GTMプレビューで確認
プレビューをクリック
ThanksページのURLを入力
別でThanksページが開く
続行
配信されたタグ、で確認ができます
確認が済んだら、別で開かれたThanksページもプレビューページも閉じてOKです。
GTM公開
いよいよ公開、クリックで進む
後からみてわかりやすい内容に
公開中
公開され最新バージョンに
1-4. GA4リアルタイムでpurchaseを確認
Thanksページを表示したら数秒でここに反映されますので便利。従来は次の日まで待つこともありました。
この次のページが Thanks ページ
https://usual.tools/tech/sample/clothing-store/order/03-confirmation
Thanksページを表示したら数秒でここに反映される