新Googleアナリティクス 4 プロパティをはてなブログで使う方法

正月以来、やっと重い腰を上げてブログを書こうと思いはてなブログの設定をしてたら、Google Analyticsが新しくなってて、今までのユニバーサルアナリティクス（UA）ではなく、Googleアナリティクス 4 プロパティ（GA4）に変更なってて、そのままでははてなブログに設定出来ず、設定に時間を使ってしまった・・。

当初書こうとしてた記事とは違うけど、せっかくなので設定方法を記事にしておきます。

Googleアナリティクスの設定

まずは、Googleアナリティクスのページを開きます。

https://analytics.google.com/analytics/web/?hl=ja

Step1.アカウント作成

分かりやすい名前を入力し、次へ。
※あとから変更できます。

分かりやすい名前を入力します。
※あとから変更できます。
タイムゾーンや通過を日本に合わせて、次へ。

質問に答えて次へ。

利用規約が出てくるので、同意する。

メール配信の設定を行い保存する。

Step2.データストリーム設定

ウェブを選択する。

ブログURLを入力し、ストリーム名は分かりやすい名前をつけ、ストリームを作成する。

Step3.タグマネージャーへ移動

その後、画面右上の四角からタグマネージャを選択し、「他のサービスを表示」からタグマネージャーへ移動します。
※この時に別のタブで開きますが、元のタブは開いたままにしておく。

Google タグマネージャーの設定

環境によるのか、「無料で利用する」を選択したら、なぜか英語サイトが開いてたので、念のため「ログイン」を選ぶ。

Step1.アカウント作成

「アカウント作成」を選択

分かりやすい名前を入力し、コンテナ名にはブログURLを入力する。
プラットフォームで「ウェブ」を選択し、作成する。

規約に同意すると、インストール画面が出ますが一旦無視して「OK」しちゃいます。

Step2.タグを設定する

タグマネージャーのワークスペースで、「新しいタグを追加」を選択します。

「タグの設定」の枠内のどこでもいいのでクリックするとタイプ選択ができるようになります。

タグタイプの中から、「Googleアナリティクス：GA4設定」を選択する。

次に先ほどの画面下部の「トリガー」の枠内をクリック

トリガーの選択で「All Pages」を選択する。

名前をつけて、保存する。

ワークスペース画面の右上にある「公開」を選択

バージョン名をつけて、「公開」

ワークスペースに移動する。

画面のようになってことを確認したら、上部の「GTM-xxxxx」をコピーする。

はてなブログに設定する。

はてなブログの管理画面で、「設定」ー「詳細設定」へ進む。

解析ツールの項目にある、「Googleタグマネージャ」に先ほどコピーした「GTM-xxxx」を貼り付ける。
※Google Analytics埋め込みは使いません。

確認方法

うまく設定できたか確認するには、一度ブログを開き、すぐにGoogleアナリティクス管理画面のリアルタイムに反応があります。