（UA→GA4）Google アナリティクス 4（GA4）に切り替え

2022年06月18日更新

2022年06月17日公開

当サイトはアフィリエイト広告を使用しています

ユニバーサルアナリティクス（UA）が2023年7月1日から使えなくなるとということなので、ちょっと早めかもしれませんがGoogleアナリティクス4（GA4）に変更してみました。ヘルプを見ると大変そうですが、Google アナリティクス 4 に切り替える - アナリティクスヘルプアナリティクスの画面上部にある「開始」ボタンからやっていけば簡単に設定できました。UAからGA4に切り替えアナリティクスの画面上部にある「開始」ボタンをクリック

または、左下の「管理」から、プロパティの列にある「GA4設定アシスタント」をクリック

Googleアナリティクス4プロパティの設定アシスタントが開くので「はじめに」をクリック

新しいGoogleアナリティクス4プロパティの作成画面がでるので「プロパティを作成」をクリック

This setup assistant will: Create a GA4 property. This will keep your original Universal Analytics property unchanged. Copy basic settings from your UA property. You can then configure additional settings in your GA4 property as needed. Turn on enhanced measurement to measure interactions with your content. You must ensure that no personally identifiable information (PII) will be sent to Google.Optional setup: Enable data collection using your existing global site tag(s). Your tag customizations can't be migrated, which may affect your data collection.「Go to your GA4 property」をクリック

プロパティの概要を確認するの画面は閉じてもOK

タグの設定の「＞」、またはプロパティの列の「データストリーム」をクリック

GA4を設置したいサイトをクリック

新しいページ上のタグを追加するのタブで「グローバルサイトタグ（gtag.js）ウェブサイト作成ツールや、CMSでホストされるサイトをご使用の場合、このタグを設定プロパティでデータの表示を開始するには、アナリティクスタグをウェブサイトに追加します。」をクリック。下記のようなコードが出てきます。

 <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>このコードをBloggerの<head>セクション内（</head>の上とか）に設置します。Bloggerに設置HTMLを編集します。必ずバックアップを取ってから作業してください。Bloggerの管理画面、「テーマ」、カスタマイズ右側の「▼」をクリック。「HTMLを編集」をクリック。Ctrl+Fで</head>を検索。</head>の直上にGA4のコードを貼り付けて保存。アナリティクスの画面上にある「リアルタイム」で受信を確認できればOKです。「ウェブサイトから受信したデータはまだありません」という画面は出ますが、自分の環境では18時間くらいで消えました。

ユニバーサルアナリティクス（UA）の処遇（個人的にあまりやる機会がありませんが）前年同月比のデータ比較がしたくなった場合などを考慮して、しばらくはユニバーサルアナリティクス（UA）とGA4を併用しようと考えています。参考：Bloggerからユニバーサルアナリティクス（UA）プロパティIDを削除する方法Bloggerの管理画面、「設定」、基本にある「GoogleアナリティクスプロパティID」をクリック。

GoogleアナリティクスプロパティIDを空にして「保存」をクリック

テンプレートのなかにあるデータタグ<b:include data='blog' name='google-analytics'/>は、GA4対応になるかもしれない？ので一応残しておきます。GoogleタグマネージャーGA4、UA両方のタグをGoogleタグマネージャーで管理することにしました。ウェブとモバイル用のタグ管理ソリューション - Google タグマネージャー