UAからGoogleアナリティクス4(GA4)への移行手順をまとめてみた【最新版】

UAからGoogleアナリティクス4（GA4）への移行手順

前提

「GA4 設定アシスタントに移動」ボタンをクリックすると、以下内容が表示されるかと思います。

「えっ、7個も設定する必要があるの!?」と思うかもしれませんが、個人ブログであれば、以下の3つだけで良いかと。

ウェブサイトとアプリのデータを収集する
Google シグナルを有効にする
コンバージョンを設定

…というのも、他4つは「Google 広告用の設定内容」です。

そのため、Google広告に出稿している人”以外”は、上に挙げた3つの設定だけで問題ないかと思います。

赤枠部分の設定だけで良い

GA4「データの収集」の設定手順

こちらがもっとも重要度の高い設定となります。

…というのも、この設定をしないとGA4でアクセスが計測されません。

設定手順は、以下。

データストリームを作成
Google タグを設置

手順1：データストリームを作成

STEP.1

「データストリーム」から「ストリームを追加 → ウェブ」をクリック

GA4のデータストリームを作成画面

STEP.2

URLとサイト名を入力し「ストリームを作成」ボタンをクリック

ウェブストリームの設定画面

これでデータストリームの作成は完了です。続いては、Google タグの設置。

手順2：Google タグを設置

以下、いずれかの手順で設置します。

手動設置
Googleタグマネージャー（GTM）上で設置
プラグインから設置　※WordPressの場合

ぼくは「1」で対応しました。

そのため、以下に記すのは手動対応、つまりhead内に直接追加する方法です。

まず、Google タグがどこにあるか？ですが、データストリームの詳細画面から確認できます。

Google タグの確認方法

STEP.1

「データストリーム」から「＞」をクリック

GA4のデータストリームの詳細画面へ遷移

STEP.2

ページ上部の「タグの実装手順を表示する」ボタンをクリック

Google タグの出力画面へ遷移

STEP.3

手動でインストールをクリックすると、下部にGoogleタグが表示されます

Google タグの出力画面

表示されているGoogleタグをコピーしてください。

なお、6月30日までは、旧Googleアナリティクス（UA）でも計測可能です。

そちら（UA）でも計測したければ、UAとGA4のタグを併記する必要があります。

記述内容は以下。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-●●●●●●●●"></script>
<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', 'UA-●●●●●●●●');
  gtag('config', 'G-●●●●●●●●●●');
</script>