nuxt.jsでの google analytics計測落とし穴 – GA4

  • 技術メモ
  • 2020.12.10
  • nisshi No.000723

nuxtにおけるGoogle Analytics計測の落とし穴、ググっても情報がなかったのでメモ。

一般的には公式アナリティクスモジュールで対応可能。

のはずが正しくセットアップして計測してみても動かない。
プレーンなhtmlに計測タグを入れるとちゃんと計測できる。

結論としてはアナリティクスの新バージョン Google Analytics 4 では上記モジュールは動かない模様。
GA4の計測タグは”G-XXXXXX”で始まるものに変更されている。

これをお馴染みのUniversal Analytics “UA-XXXXX”に変更したら簡単に動いた。

現在新しくanalytics プロパティを作成しようとすると自動的にGA4で作成されるため、
UAモードとして作成するにはプロパティ作成画面の詳細オプションにて、下記「ユニバーサルアナリティクスプロパティの作成」にチェックを入れてやる。

参考:
setup Google Analytics 4 in nuxt.js – Stack Overflow