すたすた式
Blogger GoogleAnalytics
ユニバーサルアナリティクス（UA）が2023年7月1日から使えなくなるとということなので、ちょっと早めかもしれませんがGoogleアナリティクス4（GA4）に変更してみました。
ヘルプを見ると大変そうですが、
Google アナリティクス 4 に切り替える - アナリティクス ヘルプ
アナリティクスの画面上部にある「開始」ボタンからやっていけば簡単に設定できました。
アナリティクスの画面上部にある「開始」ボタンをクリック
または、左下の「管理」から、プロパティの列にある「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でホストされるサイトをご使用の場合、このタグを設定 プロパティでデータの表示を開始するには、アナリティクス タグをウェブサイトに追加します。」をクリック。
下記のようなコードが出てきます。
<!-- Global site tag (gtag.js) - Google Analytics --> <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>の上とか）に設置します。
<head>
</head>
HTMLを編集します。必ずバックアップを取ってから作業してください。
Bloggerの管理画面、「テーマ」、カスタマイズ右側の「▼」をクリック。「HTMLを編集」をクリック。
Ctrl+Fで</head>を検索。
</head>の直上にGA4のコードを貼り付けて保存。
アナリティクスの画面上にある「リアルタイム」で受信を確認できればOKです。
「ウェブサイトから受信したデータはまだありません」という画面は出ますが、自分の環境では18時間くらいで消えました。
（個人的にあまりやる機会がありませんが）前年同月比のデータ比較がしたくなった場合などを考慮して、しばらくはユニバーサルアナリティクス（UA）とGA4を併用しようと考えています。
参考：Bloggerからユニバーサルアナリティクス（UA）プロパティIDを削除する方法
Bloggerの管理画面、「設定」、基本にある「Googleアナリティクス プロパティID」をクリック。
Googleアナリティクス プロパティIDを空にして「保存」をクリック
テンプレートのなかにあるデータタグ<b:include data='blog' name='google-analytics'/>は、GA4対応になるかもしれない？ので一応残しておきます。
<b:include data='blog' name='google-analytics'/>
GA4、UA両方のタグをGoogleタグマネージャーで管理することにしました。
ウェブとモバイル用のタグ管理ソリューション - Google タグ マネージャー
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
コメントなし:
コメントを投稿