end0tknr's kipple - web写経開発

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

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

世の中、GA4への移行が進みつつありますが、 以下は前バージョンである UA(Universal Analytics analytics.js)の 内容です。

高度な設定 - ウェブ トラッキング(analytics.js)  |  Analytics for Web (analytics.js)  |  Google Developers

google analyticsUA(Universal Analytics) において コンバージョンの目標(到達ページ)を次のように指定した場合、 ブラウザで指定urlにアクセスすることで、GAにコンバージョンが通知されます。

ですが、入力→確認→完了のurlが変わらず、ページ遷移するような画面では、 以下のように ga('create',~); と ga('send','pageview',~); を呼ぶことで、 アクセスした(コンバージョンした)と見なしてくれるらしい。

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
    
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){
w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='
    +l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ないしょ');
</script><!-- End Google Tag Manager -->
</head>

<body>

<form>
  <div class="mb-3">
     <label for="exampleInputEmail1" class="form-label">Email address</label>
     <input type="email" class="form-control" id="exampleInputEmail1"
            aria-describedby="emailHelp"/>
     <div id="emailHelp" class="form-text">
       We'll never share your email with anyone else.</div>
  </div>

<button type="button" class="btn btn-primary"
        onClick="done_contact();">Submit</button>
</form>
          
<script>
function done_contact(){
  var dummy_path = location.pathname + '?status=comp';
  ga('create','UA-ないしょ-3','auto');
  ga('send', 'pageview', {'page': dummy_path});
}
</script>

</body>
</html>