「Hexo」いまさらGA4対応

2023-07-23

software

Googleアナリティクス　UAからGA4に変更

Googleアナリティクスのシステムが変わったかなにかでUAというものからGA4というものに変更しなければならないらしい。
前々からメールが来ていたが放置していた。

その期限が2023年7月1日までだったが普通に過ぎてしまったのであわてて対応。
といってもすぐに終わった。
早くやればよかった。

• 1. 手順(Hexo、新プロパティを作る場合)
  • 1.1. Googleアナリティクスの新プロパティ作成
  • 1.2. Googleタグの設定
  • 1.3. Googleストリームの反映を待つ

1. 手順(Hexo、新プロパティを作る場合)

手順を記す。

過去に使っていたUAのプロパティからデータを引き継げるらしいが、いろいろ聞かれて面倒だったので新たに作成。
またブログ作成にHexoを使っているのでそれ用の設定も記す。

1.1. Googleアナリティクスの新プロパティ作成

特に難しいことは無い。

1. Googleアナリティクスサインイン

https://analytics.google.com/
にサインイン。

2. 管理画面移行

左下の歯車アイコンから「管理」を押す。

3. プロパティ作成画面移行

「+プロパティを作成」ボタンを押す。

4. プロパティ詳細設定

---

---

プロパティ名、タイムゾーン、通貨
を設定して「次へ」。

5. ビジネスの詳細

---

---

適当に決めて「次へ」。

6. ビジネス目標

---

---

適当に決めて「作成」。

7. プラットフォーム設定

「ウェブ」を押すとポップアップ

8. ストリーム設定

---

---

サイトURLと、適当なストリーム名を入力。
「ストリームを作成」。

9. Googleタグの設置

これは以下でHexoの場合のやり方を記す。
「G-〇〇〇〇〇〇〇〇〇〇」という形式の「測定 ID」だけ控えておく。

1.2. Googleタグの設定

使っているテーマによって異なるが私の場合は、

1	themes/icarus/_config.yml

を修正。

1 2 3

google-analytics: # Google Analytics tracking id tracking_id: G-〇〇〇〇〇〇〇〇〇〇

の「tracking_id」にGoogleアナリティクスから取得した「測定 ID」を書き込む。

この状態で記事を生成し直すと全ページに新しいGoogleタグが設定される。

1.3. Googleストリームの反映を待つ

Googleタグを設定しても、
「データ収集がウェブサイトで有効になっていません。タグを実装してから 48 時間以上経過している場合は、タグが適切に設定されていることをご確認ください。」
などと言われるがしばらくすると反映される。

設定した翌朝には反映されていた。

タグ Hexo