feat: Google Analyticsを追加

.github/workflows/cd.yml

@@ -74,6 +74,7 @@ jobs:
           NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET: ${{secrets.PROD_FIREBASE_STORAGE_BUCKET}}
           NEXT_PUBLIC_SENTRY_DSN: ${{vars.SENTRY_DSN}}
           NEXT_PUBLIC_SENTRY_PROJECT: ${{vars.SENTRY_PROJECT}}
+          NEXT_PUBLIC_GAID: ${{vars.GAID}}
       - name: deploy
         id: deploy
         uses: whatacotton/pages-action@v1

package.json

@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.3.4",
+    "@next/third-parties": "^14.2.3",
     "@radix-ui/themes": "^2.0.3",
     "@sentry/nextjs": "^7.111.0",
     "dayjs": "^1.11.10",

src/app/layout.tsx

@@ -6,6 +6,7 @@ import "./globals.css";
 import "@radix-ui/themes/styles.css";
 import { Toaster } from "react-hot-toast";
 import { ApplicationPeriodProvider } from "./ApplicationPeriodProvider";
+import { GoogleAnalytics } from "@next/third-parties/google";
 
 export const metadata: Metadata = {
   title: "雙峰祭オンラインシステム",
@@ -24,6 +25,7 @@ export default function RootLayout({
         <ApplicationPeriodProvider>
           <AuthProvider>{children}</AuthProvider>
         </ApplicationPeriodProvider>
+        <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GAID ?? ""} />
       </body>
     </html>
   );