UAからGoogleアナリティクス4(GA4)へ移行する方法

Googleアナリティクスの次世代規格である「GA4(第4世代Googleアナリティクス)」。
いままで使っていたUA(ユニバーサルアナリティクス)は2023年7月に計測が終了すると発表がありました。
今回はGA4の移行方法についてまとめておきます。
GA4とは?
いままで、Webサイトには通常の「Googleアナリティクス」、アプリには「Firebase向け Google アナリティクス」という別々の設定が必要でした。
しかし現在は「Webサイト」「アプリ」を別々に計測するというより、合わせての分析が必要です。
そのためにWebとアプリを一緒に合わせて分析できることを目的とし、2020年10月にリリースされた最新バージョンがGA4です。
UAとGA4の違い
いままで使っていたGoogleアナリティクスを「UA(ユニバーサルアナリティクス)」と呼ぶのですが、このUAとGA4の違いについてまとめておきます。
- 「ページ」という概念がなくなり、「イベント」中心の計測に変更
- 画面が大幅に変更
- アプリとウェブサイトを横断して計測できる
1.「ページ」という概念がなくなり、「イベント」中心の計測に変更
いままでは「どれだけページビューがあるか?どのページが多く見られているか?」が基本の考え方でしたが、アプリにはそもそもURLが存在しません。
そのため、GA4ではページビュー中心の考え方ではなく「イベント」中心の考え方になっています。
UAでもイベントタグを仕込むことで、クリックなどのイベント計測はできていましたが、ボタンのHTMLタグ内にイベントタグを仕込む必要もなくなり、自動的にイベントが計測されます。
2.画面が大幅に変更
レポート画面もかなり変更されています。
別物と言っていいレベルなので、UAに慣れている人は混乱してしまいそうです。

3.アプリとウェブサイトを横断して計測できる
GA4からは「データストリーム」という項目が追加され、「iOS アプリ」「Android アプリ」「ウェブ」の中から選択してGoogleアナリティクスの設定をします。
これによって、Firebase経由のデータとウェブサイトからのデータを統合して計測ができるようになりました。
アプリとウェブをまたぐユーザーのアクションも、同じユーザーと認識してくれます。
完全移行ではなく、平行で利用するのがオススメ
2023年には利用できなくなるし「すぐにでも移行しないと!」と思うかもしれませんが、画面も大幅に変更されていて慣れない画面でいままで通りの解析するのは大変です。
平行で利用する手があるので、UAはいままで通りそのままにしておいて、新たにGA4のタグを発行してそちらでも計測するのがオススメです。
これなら今までと同じように計測しつつ、比較してGA4だとこうなるんだと確認しながら慣れていけます。
GA4タグの発行
現状新しくGoogleアナリティクスの「プロパティ」を作成してタグを発行しようとすると、自動でGA4で発行されます。
まずはプロパティ内にある項目の「データ ストリーム」をクリックします。

データ ストリームの追加画面が表示されるので、右上の「ストリームを追加」をクリックして、「iOS アプリ」「Android アプリ」「ウェブ」の中から追加したい項目を選択します。
今回は試しに「ウェブ」を選択します。

「ウェブ」を選択した場合は「ウェブサイトのURL」と「ストリーム名(分かりやすい名前を自由に入力する)」を入力します。
入力できたら「ストリームを作成」をクリックします。

これでストリームの作成ができて、発行に必要なタグが発行されます。
ページ下の「タグ設置手順」に設置の手順やコードが一式載っているので、あとはそれに従ってサイトに設置するだけです。

これでGA4のタグ設置は完了です。
「データストリーム」から行うことさえ知っておけば、とりあえず指示に従って進めていけます。

GA4でページビューを確認する方法
Googleアナリティクスのイベントトラッキングの設定方法
Googleアナリティクスのタグが二重で設定されていないか見分ける方法
Google タグマネージャー(GTM)の設定をして、コードを触らなくても確認用スクリプトの設定ができるようにする
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
さまざまな情報を一元管理するオールインワンのワークスペース「Notion」
テキストを画面いっぱいに表示できるAlfredのLarge Type機能の設定項目
ランチャーアプリのAlfred3が便利だったのでPowerPackを購入しました!!これで快適なランチャー生活を
Visual Studio Codeで正規表現にマッチするか確認できる拡張機能「Regex Previewer」
Macでダブルクォーテーションを入力すると自動で変換されてしまうのを無効にする
Macのスニペットアプリ「Dash」の環境設定
iStat Menusの「CPU & GPU」アイコン表示と設定
gulp-sass 5の「does not have a default Sass compiler」エラーを解消する
ウインドウリサイズを素早く行う!BetterTouchToolのウインドウスナップ機能の自分なりのカスタマイズ設定
Webサイト制作の基礎の基礎、HTMLって何?