devlog

NextJS のサイトで Google Analytics を導入するとき nextjs-google-analytics を使った

2023-05-08

nextjs-google-analytics が有用でした。

Install

yarn add nextjs-google-analytics

_app.tsx に GoogleAnalytics を追加

import type { AppProps } from 'next/app' import { GoogleAnalytics } from 'nextjs-google-analytics' // 追加 export default function App({ Component, pageProps }: AppProps) { return ( <> <Component {...pageProps} /> <GoogleAnalytics trackPageViews={true} /> // 追加 </> ) }

環境変数 NEXT_PUBLIC_GA_MEASUREMENT_ID を追加

.env.local に追加

NEXT_PUBLIC_GA_MEASUREMENT_ID=G-xxx
  • 作成日
    2023-05-08
  • 更新日
    2023-06-30