end0tknr's kipple - web写経開発

太宰府天満宮の狛犬って、妙にカワイイ

urlの変化なしに画面遷移する場合において google analytics の GA4 で Conversion通知

urlの変化なしに画面遷移する場合において google analytics の UA(Universal Analytics) で Conversion通知 - end0tknr's kipple - web写経開発

上記entryのGA4版です。

Step1 - カスタムイベント作成

「管理」→「イベント」で画面遷移後、「イベントを作成」をクリック

設定画面で以下のように入力後、「作成」をクリック

Step2 - イベントをコンバージョンに登録

「管理」→「コンバージョン」で画面遷移後、 「新しいコンバージョンイベント」をクリック

Step1で登録したイベント名を入力後、「保存」をクリック

Step3 - テスト用htmlを作成

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>CONVERSION TEST</title>
</head>
<body>

  <!-- Global site tag (gtag.js) - Google Analytics GA4 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-????????????">
  </script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-????????????');
  </script>
      
  <button type="button" onClick="do_ga4_event()">
    GA4 EVENT発火
  </button>
  <script>
    function do_ga4_event(){
        gtag('event','page_view',
             {'page_location':location.href + "?status=complete"});
    }
  </script>
</body>
</html>

Step4 - GA4の画面でコンバージョン計測をテスト

「レポート」→「リアルタイム」で画面遷移し、確認