NextjsでGoogleAnalytics を連携する

NextjsではGoogleAnalytics との連携は簡単にできるようです

ライブラリをインストール

まずはじめに@next/third-partiesをインストールします

npm install @next/third-parties@latest next@latest

コードの実装

ルートのlayout.tsxへGoogleAnalyticsを配置してGoogleAnalyticsから取得したIDを入れるのみです

import { GoogleAnalytics } from '@next/third-parties/google'
 
export default function RootLayout() {
  return (
    <html>
      <body>...</body>
      <GoogleAnalytics gaId="YOUR_ANALYTICS_ID" />
    </html>
  )
}

ライブラリが用意してあるおかげで簡単に実装できとても便利ですね！