feat: GA 추가

bibbi-team · Jan 31, 2024 · bd81d4f · bd81d4f
1 parent f77e912
commit bd81d4f
Show file tree

Hide file tree

Showing 14 changed files with 826 additions and 267 deletions.
diff --git a/app/app/app.css b/app/app/app.css
diff --git a/app/app/layout.tsx b/app/app/layout.tsx
diff --git a/app/links/[id]/page.tsx b/app/links/[id]/page.tsx
@@ -3,12 +3,14 @@ import {useEffect, useState} from "react";
 import Image from "next/image";
 import bbibbiMain from '../../../public/bbibbi_main.svg'
 import {usePathname, useSearchParams} from "next/navigation";
+import {analytics} from "@/firebase/firebase";
 
 export default function Page() {
   const id = usePathname()?.split("/")?.pop();
   const [platform, setPlatform] = useState<"unknown" | "ios" | "android">("unknown");
   const iosTargetUrl = 'https://no5ing.kr/o/'+id + '?retry=1';
   useEffect(() => {
+    analytics;
     const detectPlatform = () => {
       const unknownWindow = ((window as unknown) as any);
       const userAgent = navigator.userAgent || navigator.vendor || unknownWindow.opera;

diff --git a/app/links/globals.css b/app/links/globals.css
diff --git a/app/links/layout.tsx b/app/links/layout.tsx
diff --git a/app/links/page.tsx b/app/links/page.tsx
diff --git a/app/o/[id]/page.tsx b/app/o/[id]/page.tsx
@@ -4,6 +4,7 @@ import Image from "next/image";
 import bbibbiMain from '../../../public/bbibbi_main.svg'
 import {usePathname, useSearchParams} from "next/navigation";
 import axios from "axios";
+import {analytics} from "@/firebase/firebase";
 
 export default function Page() {
   const id = usePathname()?.split("/")?.pop();
@@ -13,6 +14,7 @@ export default function Page() {
   const [platform, setPlatform] = useState<"unknown" | "ios" | "android">("unknown");
   const retry = searchParams?.get("retry");
   useEffect(() => {
+      analytics;
     const detectPlatform = () => {
       const unknownWindow = ((window as unknown) as any);
       const userAgent = navigator.userAgent || navigator.vendor || unknownWindow.opera;

diff --git a/app/o/globals.css b/app/o/globals.css
diff --git a/app/o/layout.tsx b/app/o/layout.tsx
diff --git a/app/o/page.tsx b/app/o/page.tsx
diff --git a/firebase/firebase.ts b/firebase/firebase.ts
@@ -0,0 +1,24 @@
+import {FirebaseApp, getApps, initializeApp} from "firebase/app";
+import {Analytics, getAnalytics, isSupported} from "firebase/analytics";
+
+const firebaseConfig = {
+    apiKey: process.env.NEXT_PUBLIC_API_KEY,
+    authDomain: process.env.NEXT_PUBLIC_AUTH_DOMAIN,
+    projectId: process.env.NEXT_PUBLIC_PROJECT_ID,
+    appId: process.env.NEXT_PUBLIC_APP_ID,
+    storageBucket: process.env.NEXT_PUBLIC_STORAGE_BUCKET,
+    messagingSenderId: process.env.NEXT_PUBLIC_MESSAGING_SENDER_ID,
+    measurementId: process.env.NEXT_PUBLIC_MEASUREMENT_ID,
+};
+let app: FirebaseApp;
+let analytics: Analytics;
+if (typeof window !== 'undefined' && !getApps().length) {
+    app = initializeApp(firebaseConfig);
+    isSupported().then((yes) => {
+        if(yes) {
+            analytics = getAnalytics(app);
+        }
+    });
+}
+
+export {app, analytics};