ga event를 심는다.

index.html

@@ -37,7 +37,9 @@
         dataLayer.push(arguments);
       }
       gtag('js', new Date());
-      gtag('config', 'G-H3ZTJT4LNW');
+      gtag('config', 'G-H3ZTJT4LNW', {
+        debug_mode: true,
+      });
     </script>
   </body>
 </html>

src/api/useKakaoShareUrl.ts

@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
+import ReactGA from 'react-ga4';
 import { useBottomSheet } from '@/components/common/BottomSheet/hooks';
 interface KakaoShareUrlProps {
   author: string;
@@ -21,6 +22,8 @@ export function useKakaoShareUrl({ author, shareUrl }: KakaoShareUrlProps) {
     }
 
     try {
+      ReactGA.event('poll_shared');
+
       window.Kakao.Share.sendDefault({
         objectType: 'feed',
         content: {

src/components/common/LinkShareBottomSheet/hooks.ts

@@ -1,3 +1,4 @@
+import ReactGA from 'react-ga4';
 import useToast from '../Toast/hooks';
 import useGetMyInfo from '@/api/useGetMyInfo';
 import { useKakaoShareUrl } from '@/api/useKakaoShareUrl';
@@ -22,6 +23,7 @@ export default function useLinkShareBottomSheet({
     navigator.clipboard
       .writeText(shareUrl)
       .then(() => {
+        ReactGA.event('poll_shared');
         toast.success({
           title: '투표 주소가 복사됐어요!😉',
         });

src/components/poll/regist/PollRegistButton/PollRegistButton.tsx

@@ -28,6 +28,11 @@ export default function PollRegistButton() {
             onboardingStep: { ...myInfo.onboardingStep, FIRST_VOTE: false },
           });
         }
+
+        ReactGA.event('every_poll_created', {
+          post_id: data.postId,
+        });
+
         const shareUrl = `${window.location.origin}/posts/${data.postId}?shareUrl=${data.shareUrl}`;
         navigate(`/posts/${data.postId}`);
         openBottomSheet(<PollCreatedShareBottomSheet shareUrl={shareUrl} />);

src/pages/Home/Home.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react';
+import ReactGA from 'react-ga4';
 import { useNavigate } from 'react-router-dom';
 import useGetMyInfo from '@/api/useGetMyInfo';
 import { useGetNotificationPresent } from '@/api/useGetNotificationPresent';
@@ -19,6 +20,7 @@ export default function Home() {
   const [isCoachMarkClosed, setIsCoachMarkClosed] = useState(false);
 
   const handleCloseCoachMark = () => {
+    ReactGA.event('user_signup');
     setIsCoachMarkClosed(true);
     if (myInfo?.onboardingStep) {
       updateOnboarding.mutate({