Next.jsプロジェクトのGoogle Analytics V3をV4に更新する

公開日時

既存のNext.jsプロジェクトのGoogle Analytics V3をV4に更新した。

↓を参考にAnalyticsの設定画面でGA4用のプロパティを作成する。

V3では UA-XXXX というトラッキングIDだったが、V4では G-XXXX というトラッキングIDになっていた。

アプリケーション側の実装を変更する必要はなく、トラッキングIDの差し替えのみで対応が完了した。

Next.jsプロジェクトにAnalyticsを導入する手順については、以前の記事にまとめている

トラッキングID変更後、Analytics管理画面でV4のリアルタイム状況が確認できるようになった。

なお、V3のデータは引き継がれないので切り替えの際は注意が必要。


Related #next.js

Next.js使用時にrecoil-persistのStorageを変更する

クライアント側で実行された場合のみstorageを指定するようにした

Next.jsで環境に応じて特定のページを非表示にする

NODE_ENVでredirectsを出し分けた

Next.jsで動的URLをRewriteする

next.config.jsにrewritesを追加

Next.js + typescriptでpathsのエイリアスがModule not foundになる

next.config.jsに追記する必要があった

Next.js + Algoliaで全文検索UIを実装する

react-instantsearchを利用