これまで UA（ユニバーサルアナリティクス）で行っていた計測に加え、GA4（Google アナリティクス 4）プロパティの設定を行い、GA4 にて計測を開始するまでを行っていきます。

Google アナリティクス 4 プロパティを作成し、GA4 での計測を開始する

<p>Google Analytics UA から GA4 プロパティへの移行 1. <a href="https://www.ritolab.com/entry/237" rel="noopener noreferrer" target="_blank">ユニバーサルアナリティクス（UA）から Google アナリティクス 4（GA4）に移行する</a>
2. Google アナリティクス 4 プロパティを作成し、GA4 での計測を開始する</p>
<p>本記事は前回の記事 <a href="https://www.ritolab.com/entry/237" rel="noopener noreferrer" target="_blank">ユニバーサルアナリティクス（UA）から Google アナリティクス 4（GA4）に移行する</a> の続きです。</p>
<p>これまで UA（ユニバーサルアナリティクス）で行っていた計測に加え、GA4（Google アナリティクス 4）プロパティの設定を行い、GA4 にて計測を開始するまでを行っていきます。</p>
<h2 id="contents">Contents</h2>
<ol>
<li><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></li>
<li><a href="#ga4-%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3%E3%81%AE%E4%BD%9C%E6%88%90">GA4 プロパティの作成</a></li>
<li><a href="#%E6%B8%AC%E5%AE%9A-id-%E3%81%AE%E7%A2%BA%E8%AA%8D">測定 ID の確認</a></li>
<li><a href="#gtm-%E8%A8%AD%E5%AE%9A">GTM 設定</a></li>
<li><a href="#%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%81%A7%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B">プレビューで確認する</a></li>
<li><a href="#ga4-%E3%81%AE%E7%94%BB%E9%9D%A2">GA4 の画面</a></li>
</ol>
<h2 id="はじめに">はじめに</h2>
<p>前回の記事同様、略語が多めに登場してややこしいので最初に整理だけしておきます。本記事で使う略語はそれぞれ以下に対応しています。</p>
<ul>
<li>GA：Google Analytics（Google アナリティクスそのものを指しています）</li>
<li>UA：ユニバーサルアナリティクス プロパティ（終了となる従来の計測方式を指しています）</li>
<li>GA4：Google アナリティクス 4 プロパティ（移行する新しい計測方式を指しています）</li>
<li>GTM：Google タグ マネージャー</li>
</ul>
<h2 id="ga4-プロパティの作成">GA4 プロパティの作成</h2>
<p>まずは GA の管理画面に遷移します。</p>
<p>プロパティにある、「GA4 設定アシスタント」を押下します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/HD25u0JD3k6rjdyvqgWV.png" width="800" height="515" alt="管理画面"></div>
<p>設定アシスタント画面が表示されたら、「新しい Google アナリティクス 4 プロパティを作成する」にある「はじめに」ボタンを押下します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/2ig33VL6u7YCwMIraPAp.png" width="800" height="500" alt="Google アナリティクス 4 プロパティの設定アシスタント画面"></div>
<p>モーダルが表示されるので、内容を確認して「プロパティを作成」ボタンを押下します。</p>
<p>これで接続済みのプロパティとして GA4 のプロパティが表示されるようになりました。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/vo8bnEcqvEWk0FY2Zjeq.png" width="800" height="500" alt="接続済みのプロパティとして GA4 のプロパティが表示されている"></div>
<p>「GA4 プロパティを確認」ボタン押下するとアシスタントの設定画面に遷移することができます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/zFo9ZVJpOowNoQWjGFzI.png" width="800" height="554" alt="アシスタントの設定画面"></div>
<p>ここからそれぞれの細かい設定を必要に応じて行っていきますが、ひとまず GA4 のプロパティ作成はこれで完了になります。</p>
<h2 id="測定-id-の確認">測定 ID の確認</h2>
<p>GA4 プロパティが作成できたので、タグマネージャーに設定を行っていくのですが、そこで必要になる「測定 ID」をメモしておきます。</p>
<p>管理画面のプロパティより、「データストリーム」を表示し、先程作成した GA4 プロパティの詳細を表示させます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/FNIFUvgde7slXCfzNzk1.png" width="800" height="376" alt="管理画面からデータストリームを表示させる"></div>
<p>詳細情報の中に「測定 ID」が表示されているのでメモしておきます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/GKE9x9OttrRXDgmGWCX5.png" width="800" height="344" alt="測定 ID が表示されているウェブストリームの詳細画面"></div>
<h2 id="gtm-設定">GTM 設定</h2>
<p>GA4 プロパティでの計測を GTM（Google タグ マネージャー）で設定していきます。</p>
<p>まずは GTM の画面にアクセスします。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/LsBfdZAkY2jOrEcPqkdQ.png" width="800" height="420" alt="GTM トップ画面"></div>
<p>タグ画面に遷移し、「新規」ボタンを押下します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/SDKfWZYDMz8tFDFOEoav.png" width="800" height="235" alt="GTM タグ画面"></div>
<p>タグの設定より、「タグタイプを選択して設定を開始」を押下します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/sRX3TB0X0l6c9VfK3S6H.png" width="800" height="465" alt="GTM タグ新規作成画面"></div>
<p>タグタイプを選択します。「Googleアナリティクス：GA4設定」を選択します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/jbUgdYym6qybzfDvk3IP.png" width="800" height="491" alt="タグタイプを選択"></div>
<p>タグの設定画面へ遷移するので、ここで事前にメモした「測定 ID」を入力します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/WDspSLaYQFRMcQbCrZl4.png" width="800" height="421" alt="測定 ID を入力"></div>
<p>次に、トリガーより、「トリガーを選択してこのタグを配信」を押下します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/4GkrgdIPJsz9uWAyyzKV.png" width="800" height="425" alt="トリガーを選択してこのタグを配信を押下"></div>
<p>トリガーの選択が表示されるので、「All Pages」を選択します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/ShepjcE9EXEGJm8S1R2Y.png" width="800" height="257" alt="All Pages を選択"></div>
<p>タグの設定、そしてトリガーの設定内容を確認して、画面右上の「保存」ボタンを押下します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/qvnSU1JmFedfDQBF3qkb.png" width="800" height="351" alt="保存ボタンを押下"></div>
<p>これでタグの設定は完了です。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/Geu9wsqDcxMU2SV4NntZ.png" width="800" height="260" alt="GA4タグ設定完了"></div>
<h2 id="プレビューで確認する">プレビューで確認する</h2>
<p>タグの設定ができたら、公開する前にプレビューで動作確認を行っておきます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/pS4KNAOOHLzfRiTvROWA.png" width="800" height="413" alt="プレビューを開始する"></div>
<p>画面右上のプレビューボタンを押下し、プレビューを開始します。</p>
<p>タグアシスタントが起動するので、確認する URL を入力し、connect ボタンを押下します。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/o12PRY9jEIBuRNC9Guek.png" width="800" height="651" alt="URL を入力し、connect ボタンを押下"></div>
<p>ポップアップが開いて入力した URL のページが表示されますが、この時に画面右下にタグアシスタントのウィンドウも表示されます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/Vme21rSLUPCMXNH5gvut.png" width="800" height="214" alt="タグアシスタントのウィンドウも表示される"></div>
<p>（ブラウザに Google Chrome を使っている場合）この時に、元の画面を見て「For an improved debugging experience, install the Tag Assistant Companion browser extension」と表示されていたら、install のリンクから Chrome 拡張を入れます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/OWoAnNX6NTrSpH32kEXn.png" width="800" height="287" alt="Tag Assistant Companionへのリンクを押下"></div>
<p>Tag Assistant Companion<br>
<a href="https://chrome.google.com/webstore/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm" rel="noopener noreferrer" target="_blank">https://chrome.google.com/webstore/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm</a></p>
<p>あとはサイトを回遊して、タグが動作しているかを確認します。</p>
<p>タグアシスタント側の Tags Fired に GA4 が表示され、GA4 のタグが動作していることを確認できました。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/SGaT8jqRjSPRsVh0BDhR.png" width="800" height="384" alt="GA4タグ動作確認"></div>
<p>動作確認ができたので、あとは公開ボタンを押下して変更を適用すれば設定は完了です。</p>
<h2 id="ga4-の画面">GA4 の画面</h2>
<p>GA4 タグを公開できたので、GA4 の画面を見てみます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/DOAEbOPVUmsuheGLhTxo.png" width="800" height="436" alt="GA4画面 - レポートのスナップショット"></div>
<p>まだタグを公開したてなので何もデータが溜まっていないことがわかりますが、タグは動作しているので、リアルタイムの部分だけは確認できる状態であることが確認できます。</p>
<p>また、左のメニューも UA と比べて変わっていることが確認できます。</p>
<p>別の画面を見てみてます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/MzDjNuddjKqUIiL0SXnj.png" width="800" height="409" alt="GA4画面 - ユーザー環境の詳細：ブラウザ"></div>
<p>ご覧の通り、UA のデータは引き継がれないので現状では空っぽです。</p>
<p>ちなみに UA 側の計測も生きているので、GA4 と UA の画面を両方開いてみると、両方計測が行われていることも確認できます。</p>
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/238/rIbDca7ihXdqq4rB2uyr.png" width="1200" height="227" alt="GA4とUA の画面を両方開いてみる"></div>
<h2 id="まとめ">まとめ</h2>
<p>以上で作業は完了です。GA4 での計測を開始するところまでを行いました。</p>
<p>今回は、既に GA で計測を行っている（UA タグ設置済み）の状況で、GA4 のタグでの計測を行なう。という状況で進めましたが、例えばタグマネージャーを使っていない場合などもあると思います。</p>
<p>Google が提供しているドキュメントが充実しているので、基本的にはそちらを探せば、GTM 以外（サイトに GA タグを直接設置している場合）でのタグの設置方法もあるので、探してみてください。</p>
<p>Google アナリティクス 4 プロパティを追加する（アナリティクスを導入済みのサイトの場合）<br>
<a href="https://support.google.com/analytics/answer/9744165?hl=ja&#x26;utm_id=ad" rel="noopener noreferrer" target="_blank">https://support.google.com/analytics/answer/9744165?hl=ja&#x26;utm_id=ad</a></p>
<p>Migrate from Universal Analytics to Google Analytics 4<br>
<a href="https://support.google.com/analytics/?hl=ja#topic=10737980" rel="noopener noreferrer" target="_blank">https://support.google.com/analytics/?hl=ja#topic=10737980</a></p>

<p>Google Analytics UA から GA4 プロパティへの移行 1. <a href="https://www.ritolab.com/entry/237" rel="noopener noreferrer" target="_blank">ユニバーサルアナリティクス（UA）から Google アナリティクス 4（GA4）に移行する</a>
2. Google アナリティクス 4 プロパティを作成し、GA4 での計測を開始する</p>
<p>本記事は前回の記事 <a href="https://www.ritolab.com/entry/237" rel="noopener noreferrer" target="_blank">ユニバーサルアナリティクス（UA）から Google アナリティクス 4（GA4）に移行する</a> の続きです。</p>
<p>これまで UA（ユニバーサルアナリティクス）で行っていた計測に加え、GA4（Google アナリティクス 4）プロパティの設定を行い、GA4 にて計測を開始するまでを行っていきます。</p>
<h2 id="contents">Contents</h2>
<ol>
<li><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></li>
<li><a href="#ga4-%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3%E3%81%AE%E4%BD%9C%E6%88%90">GA4 プロパティの作成</a></li>
<li><a href="#%E6%B8%AC%E5%AE%9A-id-%E3%81%AE%E7%A2%BA%E8%AA%8D">測定 ID の確認</a></li>
<li><a href="#gtm-%E8%A8%AD%E5%AE%9A">GTM 設定</a></li>
<li><a href="#%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%81%A7%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B">プレビューで確認する</a></li>
<li><a href="#ga4-%E3%81%AE%E7%94%BB%E9%9D%A2">GA4 の画面</a></li>
</ol>
<h2 id="はじめに">はじめに</h2>
<p>前回の記事同様、略語が多めに登場してややこしいので最初に整理だけしておきます。本記事で使う略語はそれぞれ以下に対応しています。</p>
<ul>
<li>GA：Google Analytics（Google アナリティクスそのものを指しています）</li>
<li>UA：ユニバーサルアナリティクス プロパティ（終了となる従来の計測方式を指しています）</li>
<li>GA4：Google アナリティクス 4 プロパティ（移行する新しい計測方式を指しています）</li>
<li>GTM：Google タグ マネージャー</li>
</ul>
<h2 id="ga4-プロパティの作成">GA4 プロパティの作成</h2>
<p>まずは GA の管理画面に遷移します。</p>
<p>プロパティにある、「GA4 設定アシスタント」を押下します。</p>
<div class="img_wrap"><img src="/images/posts/238/HD25u0JD3k6rjdyvqgWV.png" width="800" height="515" alt="管理画面"></div>
<p>設定アシスタント画面が表示されたら、「新しい Google アナリティクス 4 プロパティを作成する」にある「はじめに」ボタンを押下します。</p>
<div class="img_wrap"><img src="/images/posts/238/2ig33VL6u7YCwMIraPAp.png" width="800" height="500" alt="Google アナリティクス 4 プロパティの設定アシスタント画面"></div>
<p>モーダルが表示されるので、内容を確認して「プロパティを作成」ボタンを押下します。</p>
<p>これで接続済みのプロパティとして GA4 のプロパティが表示されるようになりました。</p>
<div class="img_wrap"><img src="/images/posts/238/vo8bnEcqvEWk0FY2Zjeq.png" width="800" height="500" alt="接続済みのプロパティとして GA4 のプロパティが表示されている"></div>
<p>「GA4 プロパティを確認」ボタン押下するとアシスタントの設定画面に遷移することができます。</p>
<div class="img_wrap"><img src="/images/posts/238/zFo9ZVJpOowNoQWjGFzI.png" width="800" height="554" alt="アシスタントの設定画面"></div>
<p>ここからそれぞれの細かい設定を必要に応じて行っていきますが、ひとまず GA4 のプロパティ作成はこれで完了になります。</p>
<h2 id="測定-id-の確認">測定 ID の確認</h2>
<p>GA4 プロパティが作成できたので、タグマネージャーに設定を行っていくのですが、そこで必要になる「測定 ID」をメモしておきます。</p>
<p>管理画面のプロパティより、「データストリーム」を表示し、先程作成した GA4 プロパティの詳細を表示させます。</p>
<div class="img_wrap"><img src="/images/posts/238/FNIFUvgde7slXCfzNzk1.png" width="800" height="376" alt="管理画面からデータストリームを表示させる"></div>
<p>詳細情報の中に「測定 ID」が表示されているのでメモしておきます。</p>
<div class="img_wrap"><img src="/images/posts/238/GKE9x9OttrRXDgmGWCX5.png" width="800" height="344" alt="測定 ID が表示されているウェブストリームの詳細画面"></div>
<h2 id="gtm-設定">GTM 設定</h2>
<p>GA4 プロパティでの計測を GTM（Google タグ マネージャー）で設定していきます。</p>
<p>まずは GTM の画面にアクセスします。</p>
<div class="img_wrap"><img src="/images/posts/238/LsBfdZAkY2jOrEcPqkdQ.png" width="800" height="420" alt="GTM トップ画面"></div>
<p>タグ画面に遷移し、「新規」ボタンを押下します。</p>
<div class="img_wrap"><img src="/images/posts/238/SDKfWZYDMz8tFDFOEoav.png" width="800" height="235" alt="GTM タグ画面"></div>
<p>タグの設定より、「タグタイプを選択して設定を開始」を押下します。</p>
<div class="img_wrap"><img src="/images/posts/238/sRX3TB0X0l6c9VfK3S6H.png" width="800" height="465" alt="GTM タグ新規作成画面"></div>
<p>タグタイプを選択します。「Googleアナリティクス：GA4設定」を選択します。</p>
<div class="img_wrap"><img src="/images/posts/238/jbUgdYym6qybzfDvk3IP.png" width="800" height="491" alt="タグタイプを選択"></div>
<p>タグの設定画面へ遷移するので、ここで事前にメモした「測定 ID」を入力します。</p>
<div class="img_wrap"><img src="/images/posts/238/WDspSLaYQFRMcQbCrZl4.png" width="800" height="421" alt="測定 ID を入力"></div>
<p>次に、トリガーより、「トリガーを選択してこのタグを配信」を押下します。</p>
<div class="img_wrap"><img src="/images/posts/238/4GkrgdIPJsz9uWAyyzKV.png" width="800" height="425" alt="トリガーを選択してこのタグを配信を押下"></div>
<p>トリガーの選択が表示されるので、「All Pages」を選択します。</p>
<div class="img_wrap"><img src="/images/posts/238/ShepjcE9EXEGJm8S1R2Y.png" width="800" height="257" alt="All Pages を選択"></div>
<p>タグの設定、そしてトリガーの設定内容を確認して、画面右上の「保存」ボタンを押下します。</p>
<div class="img_wrap"><img src="/images/posts/238/qvnSU1JmFedfDQBF3qkb.png" width="800" height="351" alt="保存ボタンを押下"></div>
<p>これでタグの設定は完了です。</p>
<div class="img_wrap"><img src="/images/posts/238/Geu9wsqDcxMU2SV4NntZ.png" width="800" height="260" alt="GA4タグ設定完了"></div>
<h2 id="プレビューで確認する">プレビューで確認する</h2>
<p>タグの設定ができたら、公開する前にプレビューで動作確認を行っておきます。</p>
<div class="img_wrap"><img src="/images/posts/238/pS4KNAOOHLzfRiTvROWA.png" width="800" height="413" alt="プレビューを開始する"></div>
<p>画面右上のプレビューボタンを押下し、プレビューを開始します。</p>
<p>タグアシスタントが起動するので、確認する URL を入力し、connect ボタンを押下します。</p>
<div class="img_wrap"><img src="/images/posts/238/o12PRY9jEIBuRNC9Guek.png" width="800" height="651" alt="URL を入力し、connect ボタンを押下"></div>
<p>ポップアップが開いて入力した URL のページが表示されますが、この時に画面右下にタグアシスタントのウィンドウも表示されます。</p>
<div class="img_wrap"><img src="/images/posts/238/Vme21rSLUPCMXNH5gvut.png" width="800" height="214" alt="タグアシスタントのウィンドウも表示される"></div>
<p>（ブラウザに Google Chrome を使っている場合）この時に、元の画面を見て「For an improved debugging experience, install the Tag Assistant Companion browser extension」と表示されていたら、install のリンクから Chrome 拡張を入れます。</p>
<div class="img_wrap"><img src="/images/posts/238/OWoAnNX6NTrSpH32kEXn.png" width="800" height="287" alt="Tag Assistant Companionへのリンクを押下"></div>
<p>Tag Assistant Companion<br>
<a href="https://chrome.google.com/webstore/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm" rel="noopener noreferrer" target="_blank">https://chrome.google.com/webstore/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm</a></p>
<p>あとはサイトを回遊して、タグが動作しているかを確認します。</p>
<p>タグアシスタント側の Tags Fired に GA4 が表示され、GA4 のタグが動作していることを確認できました。</p>
<div class="img_wrap"><img src="/images/posts/238/SGaT8jqRjSPRsVh0BDhR.png" width="800" height="384" alt="GA4タグ動作確認"></div>
<p>動作確認ができたので、あとは公開ボタンを押下して変更を適用すれば設定は完了です。</p>
<h2 id="ga4-の画面">GA4 の画面</h2>
<p>GA4 タグを公開できたので、GA4 の画面を見てみます。</p>
<div class="img_wrap"><img src="/images/posts/238/DOAEbOPVUmsuheGLhTxo.png" width="800" height="436" alt="GA4画面 - レポートのスナップショット"></div>
<p>まだタグを公開したてなので何もデータが溜まっていないことがわかりますが、タグは動作しているので、リアルタイムの部分だけは確認できる状態であることが確認できます。</p>
<p>また、左のメニューも UA と比べて変わっていることが確認できます。</p>
<p>別の画面を見てみてます。</p>
<div class="img_wrap"><img src="/images/posts/238/MzDjNuddjKqUIiL0SXnj.png" width="800" height="409" alt="GA4画面 - ユーザー環境の詳細：ブラウザ"></div>
<p>ご覧の通り、UA のデータは引き継がれないので現状では空っぽです。</p>
<p>ちなみに UA 側の計測も生きているので、GA4 と UA の画面を両方開いてみると、両方計測が行われていることも確認できます。</p>
<div class="img_wrap"><img src="/images/posts/238/rIbDca7ihXdqq4rB2uyr.png" width="1200" height="227" alt="GA4とUA の画面を両方開いてみる"></div>
<h2 id="まとめ">まとめ</h2>
<p>以上で作業は完了です。GA4 での計測を開始するところまでを行いました。</p>
<p>今回は、既に GA で計測を行っている（UA タグ設置済み）の状況で、GA4 のタグでの計測を行なう。という状況で進めましたが、例えばタグマネージャーを使っていない場合などもあると思います。</p>
<p>Google が提供しているドキュメントが充実しているので、基本的にはそちらを探せば、GTM 以外（サイトに GA タグを直接設置している場合）でのタグの設置方法もあるので、探してみてください。</p>
<p>Google アナリティクス 4 プロパティを追加する（アナリティクスを導入済みのサイトの場合）<br>
<a href="https://support.google.com/analytics/answer/9744165?hl=ja&#x26;utm_id=ad" rel="noopener noreferrer" target="_blank">https://support.google.com/analytics/answer/9744165?hl=ja&#x26;utm_id=ad</a></p>
<p>Migrate from Universal Analytics to Google Analytics 4<br>
<a href="https://support.google.com/analytics/?hl=ja#topic=10737980" rel="noopener noreferrer" target="_blank">https://support.google.com/analytics/?hl=ja#topic=10737980</a></p>

Author