Feat/monitoring setting #59

JUNOSHON · 2023-12-09T14:29:13Z

🤔 해결하려는 문제가 무엇인가요?

GA 세팅

🎉 변경 사항

팀 구글 계정으로 GA 세팅
추후 mixpanel 설정을 위해 MonitoringInitializer.tsx 로 페이지 로드시 세팅이 초기화되도록 했습니다.

🙏 여기는 꼭 봐주세요!

2d819e8 에서 트래킹 아이디를 공개해버렸습니다.. 0fb71e6 에서 ignore 하긴 했는데 혹시 문제 될까요??

사용 방법

🌄 스크린샷

📚 참고

https://www.codestates.com/blog/content/ga4-%EC%B4%88%EA%B8%B0%EC%84%B8%ED%8C%85

tracking-id 추가

MonitoringInitializer.tsx추가

.env 추가

.env 위치 수정

vercel · 2023-12-09T14:29:18Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
10mm-client-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 12, 2023 0:29am

github-actions · 2023-12-09T14:30:44Z

🚀storybook: https://656f59f07b8e48bf741b98e6-erlqytycry.chromatic.com/

woobottle · 2023-12-10T15:29:38Z

src/components/Monitoring.tsx

+
+const GA_TRACKING_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS;
+
+const MonitoringInitializer = () => {


이건 어디서 호출되는 것일지 궁금해요!

앗.. app 폴더 상위 layout.tsx에서 호출하려고 했습니다.
수정하겠습니다!!

monitoringInitializer.tsx 추가

MonitoringInitializer 호출

wade3420

나중에 저희가 커스텀으로 만든 클릭 이벤트를 믹스패널로 보낼때 어떤 식으로 보내야하는지 예시 한 줄 적어주셔도 좋을 것 같아요~

2d819e8 에서 트래킹 아이디를 공개해버렸습니다.. 0fb71e6 에서 ignore 하긴 했는데 혹시 문제 될까요??

뭐... id 정도는 괜찮지 않을까요? key 값도 아니라서...

wade3420 · 2023-12-11T04:06:15Z

src/app/layout.tsx

@@ -15,6 +16,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
  return (
    <html lang="en" suppressHydrationWarning className={pretendardFont.variable}>
      <body>
+        <MonitoringInitializer />


9d288c3 에서 추가했습니다!! 감사합니다🙌🏻

mixpanel 이벤트 추적 방법 주석 추가

JUNOSHON added 4 commits December 9, 2023 23:17

🔐 .env 생성 및 tracking-id 추가

2d819e8

tracking-id 추가

✨ MonitoringInitializer.tsx추가

9a5992c

MonitoringInitializer.tsx추가

🙈 .env 추가

0fb71e6

.env 추가

🔥 .env 위치 수정

ef2f2d8

.env 위치 수정

JUNOSHON requested review from woobottle, wade3420 and sumi-0011 as code owners December 9, 2023 14:29

woobottle reviewed Dec 10, 2023

View reviewed changes

JUNOSHON added 2 commits December 11, 2023 13:04

✏️ MonitoringInitializer.tsx 추가

dd78944

monitoringInitializer.tsx 추가

✨ MonitoringInitializer 호출

c142748

MonitoringInitializer 호출

vercel bot deployed to Preview December 11, 2023 04:06 View deployment

wade3420 approved these changes Dec 11, 2023

View reviewed changes

💡 Mixpanel 이벤트 추적 방법 주석 추가

9d288c3

mixpanel 이벤트 추적 방법 주석 추가

vercel bot deployed to Preview December 12, 2023 00:29 View deployment

JUNOSHON merged commit f24bf5a into develop Dec 12, 2023
3 checks passed

sumi-0011 deleted the feat/monitoring-setting branch December 22, 2023 09:39

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feat/monitoring setting #59

Feat/monitoring setting #59

JUNOSHON commented Dec 9, 2023

vercel bot commented Dec 9, 2023 •

edited

Loading

github-actions bot commented Dec 9, 2023

woobottle Dec 10, 2023

JUNOSHON Dec 10, 2023

wade3420 left a comment •

edited

Loading

wade3420 Dec 11, 2023

JUNOSHON Dec 12, 2023


		const GA_TRACKING_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS;

		const MonitoringInitializer = () => {

Feat/monitoring setting #59

Feat/monitoring setting #59

Conversation

JUNOSHON commented Dec 9, 2023

🤔 해결하려는 문제가 무엇인가요?

🎉 변경 사항

🙏 여기는 꼭 봐주세요!

사용 방법

🌄 스크린샷

📚 참고

vercel bot commented Dec 9, 2023 • edited Loading

github-actions bot commented Dec 9, 2023

woobottle Dec 10, 2023

Choose a reason for hiding this comment

JUNOSHON Dec 10, 2023

Choose a reason for hiding this comment

wade3420 left a comment • edited Loading

Choose a reason for hiding this comment

wade3420 Dec 11, 2023

Choose a reason for hiding this comment

JUNOSHON Dec 12, 2023

Choose a reason for hiding this comment

vercel bot commented Dec 9, 2023 •

edited

Loading

wade3420 left a comment •

edited

Loading