GoogleアナリティクスのGA4とUAを両方設定する方法｜DAD UNION

現在、Googleアナリティクスの（UA）にログインすると「2023年7月1日より、ユニバーサルアナリティクスでは標準プロパティで新しいデータの処理ができなくなります。それまでにGoogleアナリティクス4プロパティに切り替えて設定を進めておきましょう。」と表示されてると思います。
そのため今現在進行形で新規サイトやWebサービス等を行っている方向けに、新旧両方のGoogleアナリティクスのGA4とUAを両方設定する方法をご紹介します。

　
※今回設定する方法はGoogleアカウントを持っており、Googleアナリティクスのユニバーサルアナリティクス（UA）を利用したことがある方が前提となります。

Contents

Googleアナリティクスにログイン
管理画面よりアカウントを作成
アカウントの設定
プロパティの設定
ビジネスの概要
Googleアナリティクス利用規約の同意
GA4のGoogleタグを取得
- GA4タグ
UAタグを取得
GA4タグにUAタグからコピーした1行を追記
UAびアクセス解析計測確認
GA4のアクセス解析計測確認

Googleアナリティクスにログイン

Google Analytics

にログインします。

　
※以降、画像をクリックすると拡大画像が表示されます。

管理画面よりアカウントを作成

左下の「管理」ボタンをクリック後、「アカウントを作成」ボタンをクリックします。

アカウントの設定

任意の「アカウント名」を入力し、その他のチェックはデフォルトのままで大丈夫です。

プロパティの設定

任意の「プロパティ名」を入力し、その他は「日本」を選択します。
「詳細オプションを表示」をクリックします。※まだ、「次へ」ボタンはクリックしないで下さい。

アクセス解析を行う「ウェブサイトのURL」を入力し、チェックは以下のイメージ通りに選択します。

ビジネスの概要

アクセス解析を行うサイトに該当す「ビジネス情報」を選択してください。

Googleアナリティクス利用規約の同意

「Googleアナリティクス利用規約」画面で「日本」を選択し、同意にチェックします。
「同意する」ボタンをクリックします。

GA4のGoogleタグを取得

「タグの実装手順を表示する」をクリックします。

　
「手動でインストールする」をクリックし、GA4タグをコピーしてメモ帳か何かに保存しておいて下さい。

GA4タグ

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>

　
GA4の「ウェブストリームの詳細」を閉じます。

UAタグを取得

GA4の「プロパティ」プルダウンから「UA-」が入っているものを選択します。

　
「トラッキング情報」の「トラッキングコード」をクリックします。

　
「グローバルサイトタグ（gtag.js）」にあるタグの以下赤枠（1行）をコピーします。

GA4タグにUAタグからコピーした1行を追記

メモ帳に保存したGA4タグにUAタグからコピーした1行（※以下の9行目）を追加します。

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
  gtag('config', 'UA-XXXXXXXXXX-1');
</script>

　
※このタグをサイトの＜head＞タグ内にコピーすればGA4とUAを両方を計測できます。