如何將 Google Analytics 4 添加到 Next.js

以下是將 Google Analytics 4 添加到基於 Next.js 的網站的步驟。 首先,創建一個 Google Analytics 屬性,並將屬性 ID 保存在 NEXT_PUBLIC_GOOGLE_ANALYTICS 環境變量中。 然後,在 pages/_app.js 文件中添加一個 useEffect() 調用,其代碼如下: import '/public/style.css' function MyApp({ Component, pageProps }) { return <Component {...pageProps} /> } 修改它為: import { useEffect } from 'react' import { useRouter } from 'next/router' import 'tailwindcss/tailwind.css' import '/public/style.css' function MyApp({ Component, pageProps }) { const router = useRouter() useEffect(() => { const handleRouteChange = url => { window.gtag('config', process....