From fe45384e2d6eb2ac040cddeedf72a519fdb88d80 Mon Sep 17 00:00:00 2001
From: Bokdol11859 <2019147551@yonsei.ac.kr>
Date: Sun, 7 Apr 2024 15:47:50 +0900
Subject: [PATCH 1/3] feat: add hotjar settings

---
 package.json                |  1 +
 pnpm-lock.yaml              |  7 +++++++
 src/app/global-provider.tsx | 13 +++++++++++++
 3 files changed, 21 insertions(+)

diff --git a/package.json b/package.json
index 35a33f0..e199e52 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "next-themes": "^0.2.1",
     "react": "^18",
     "react-dom": "^18",
+    "react-hotjar": "^6.3.1",
     "sonner": "^1.3.1",
     "tailwind-merge": "^2.2.0",
     "vaul": "^0.8.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 23e004d..24f50db 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -62,6 +62,9 @@ dependencies:
   react-dom:
     specifier: ^18
     version: 18.2.0(react@18.2.0)
+  react-hotjar:
+    specifier: ^6.3.1
+    version: 6.3.1
   sonner:
     specifier: ^1.3.1
     version: 1.3.1(react-dom@18.2.0)(react@18.2.0)
@@ -4210,6 +4213,10 @@ packages:
       scheduler: 0.23.0
     dev: false
 
+  /react-hotjar@6.3.1:
+    resolution: {integrity: sha512-EwMqL+ROSlKzatMhT/aqRq7XWWfzlnHynSBSTJh5M2O78mBiPohiSl4Ysls3HOQkkD9y6L22BW0c9bxK2JguwQ==}
+    dev: false
+
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
diff --git a/src/app/global-provider.tsx b/src/app/global-provider.tsx
index c0da703..06f9a50 100644
--- a/src/app/global-provider.tsx
+++ b/src/app/global-provider.tsx
@@ -2,6 +2,7 @@
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { hotjar } from 'react-hotjar';
 import axios, { AxiosError, AxiosResponse } from "axios";
 import React from "react";
 
@@ -25,9 +26,21 @@ axios.interceptors.response.use(
   }
 );
 
+const HJID = 4934893;
+const HJSV = 6;
+
 export const GlobalProvider = ({ children }: { children: React.ReactNode }) => {
   const [client] = React.useState(() => new QueryClient());
 
+  React.useEffect(() => {
+    if (process.env.NODE_ENV !== 'development') {
+      hotjar.initialize({
+        id: HJID,
+        sv: HJSV
+      });
+    }
+  }, []);
+
   return (
     <QueryClientProvider client={client}>
       {children}

From c886ad1c3b4ed87136177a4203b7bd3f8171e073 Mon Sep 17 00:00:00 2001
From: Bokdol11859 <2019147551@yonsei.ac.kr>
Date: Wed, 10 Apr 2024 21:37:41 +0900
Subject: [PATCH 2/3] fix: change hotjar id

---
 src/app/global-provider.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/global-provider.tsx b/src/app/global-provider.tsx
index 06f9a50..074d5c3 100644
--- a/src/app/global-provider.tsx
+++ b/src/app/global-provider.tsx
@@ -26,7 +26,7 @@ axios.interceptors.response.use(
   }
 );
 
-const HJID = 4934893;
+const HJID = 4939296;
 const HJSV = 6;
 
 export const GlobalProvider = ({ children }: { children: React.ReactNode }) => {

From 8d6a1e597fddea23632f1c7da8786acf9ab1eb1b Mon Sep 17 00:00:00 2001
From: Bokdol11859 <2019147551@yonsei.ac.kr>
Date: Wed, 10 Apr 2024 22:00:01 +0900
Subject: [PATCH 3/3] feat: add google analytics

---
 src/app/ga-provider.tsx     | 24 ++++++++++++++++++++++++
 src/app/global-provider.tsx |  2 ++
 2 files changed, 26 insertions(+)
 create mode 100644 src/app/ga-provider.tsx

diff --git a/src/app/ga-provider.tsx b/src/app/ga-provider.tsx
new file mode 100644
index 0000000..adcf853
--- /dev/null
+++ b/src/app/ga-provider.tsx
@@ -0,0 +1,24 @@
+import Script from "next/script";
+
+const GAProvider = () => (
+  <>
+    <Script
+      async
+      src={`https://www.googletagmanager.com/gtag/js?
+      id=G-K20DRKXNTC`}
+    />
+    <Script
+      id="google-analytics"
+      dangerouslySetInnerHTML={{
+        __html: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', 'G-K20DRKXNTC');
+        `,
+      }}
+    />
+  </>
+);
+export default GAProvider;
diff --git a/src/app/global-provider.tsx b/src/app/global-provider.tsx
index 074d5c3..1d385b0 100644
--- a/src/app/global-provider.tsx
+++ b/src/app/global-provider.tsx
@@ -5,6 +5,7 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { hotjar } from 'react-hotjar';
 import axios, { AxiosError, AxiosResponse } from "axios";
 import React from "react";
+import GAProvider from "./ga-provider";
 
 export const queryClient = new QueryClient({
   defaultOptions: {
@@ -44,6 +45,7 @@ export const GlobalProvider = ({ children }: { children: React.ReactNode }) => {
   return (
     <QueryClientProvider client={client}>
       {children}
+      <GAProvider/>
       <ReactQueryDevtools />
     </QueryClientProvider>
   );