diff --git a/client/index.html b/client/index.html
index 5252bb218..4fba4d3a1 100644
--- a/client/index.html
+++ b/client/index.html
@@ -16,15 +16,6 @@
     <meta property="og:image:type" content="image/png" />
     <meta property="og:image:alt" content="행댕이" />
     <link rel="icon" href="favicon.ico" type="image/x-icon" />
-    <script src="https://cdn.amplitude.com/libs/analytics-browser-2.9.3-min.js.gz"></script>
-    <script src="https://cdn.amplitude.com/libs/plugin-session-replay-browser-1.6.8-min.js.gz"></script>
-    <script src="https://cdn.amplitude.com/libs/plugin-autocapture-browser-1.0.0-min.js.gz"></script>
-    <script>
-      window.amplitude.add(window.sessionReplay.plugin({sampleRate: 1})).promise.then(function () {
-        window.amplitude.add(window.amplitudeAutocapturePlugin.plugin());
-        window.amplitude.init('<%= process.env.AMPLITUDE_KEY %>');
-      });
-    </script>
     <script
       src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.2/kakao.min.js"
       integrity="sha384-TiCUE00h649CAMonG018J2ujOgDKW/kVWlChEuu4jK2vxfAAD0eZxzCKakxg55G4"
diff --git a/client/package-lock.json b/client/package-lock.json
index 018acf6d8..9f54768f4 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
+        "@amplitude/analytics-browser": "^2.11.7",
         "@emotion/react": "^11.11.4",
         "@sentry/react": "^8.25.0",
         "@tanstack/react-query": "^5.51.23",
@@ -95,6 +96,120 @@
       "integrity": "sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==",
       "dev": true
     },
+    "node_modules/@amplitude/analytics-browser": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-browser/-/analytics-browser-2.11.7.tgz",
+      "integrity": "sha512-tbBeMA2n1JQJlHGEa1LQ7XrSGPM4YKrNdFKV+gDCzqOixx4wBwwYCxN33lVwCpJvCPAjtYonkAO2dq9d78U7Pw==",
+      "dependencies": {
+        "@amplitude/analytics-client-common": "^2.3.3",
+        "@amplitude/analytics-core": "^2.5.2",
+        "@amplitude/analytics-remote-config": "^0.4.0",
+        "@amplitude/analytics-types": "^2.8.2",
+        "@amplitude/plugin-autocapture-browser": "^1.0.2",
+        "@amplitude/plugin-page-view-tracking-browser": "^2.3.3",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-browser/node_modules/@amplitude/analytics-core": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.5.2.tgz",
+      "integrity": "sha512-4ojYUL7LA+qrlaz1n1nxpsbpgS1k6DOrQ3fBiQOuDJE8Av0aZfylDksFPnZvD1+MMdIm/ONkVAYfEaW3x/uH3Q==",
+      "dependencies": {
+        "@amplitude/analytics-types": "^2.8.2",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-browser/node_modules/@amplitude/analytics-types": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-2.8.2.tgz",
+      "integrity": "sha512-SWFXIMxhFm1/k3PUvxvYLY1iwzS28yd9A6pa5pEnrbaAZwM+E/24ucxs59VGp1N5qlIsvF0aVGSoKzN4ydh4eA=="
+    },
+    "node_modules/@amplitude/analytics-client-common": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-client-common/-/analytics-client-common-2.3.3.tgz",
+      "integrity": "sha512-HOvD2A8DH0y2LATrQ0AhFSOCk6yZayebu4+UsEBT76Q7EEYtnc59WMCRRIi5Zv6OqHpOvABumF7g3HmL6ehTYA==",
+      "dependencies": {
+        "@amplitude/analytics-connector": "^1.4.8",
+        "@amplitude/analytics-core": "^2.5.2",
+        "@amplitude/analytics-types": "^2.8.2",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-client-common/node_modules/@amplitude/analytics-core": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.5.2.tgz",
+      "integrity": "sha512-4ojYUL7LA+qrlaz1n1nxpsbpgS1k6DOrQ3fBiQOuDJE8Av0aZfylDksFPnZvD1+MMdIm/ONkVAYfEaW3x/uH3Q==",
+      "dependencies": {
+        "@amplitude/analytics-types": "^2.8.2",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-client-common/node_modules/@amplitude/analytics-types": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-2.8.2.tgz",
+      "integrity": "sha512-SWFXIMxhFm1/k3PUvxvYLY1iwzS28yd9A6pa5pEnrbaAZwM+E/24ucxs59VGp1N5qlIsvF0aVGSoKzN4ydh4eA=="
+    },
+    "node_modules/@amplitude/analytics-connector": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-connector/-/analytics-connector-1.5.0.tgz",
+      "integrity": "sha512-T8mOYzB9RRxckzhL0NTHwdge9xuFxXEOplC8B1Y3UX3NHa3BLh7DlBUZlCOwQgMc2nxDfnSweDL5S3bhC+W90g=="
+    },
+    "node_modules/@amplitude/analytics-core": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-1.2.5.tgz",
+      "integrity": "sha512-V7CVlHVN+1diKiOpdp2bCPZ0mbS4CmUYF+v+eXDwVfJL3M/t3sVcT1apXnmVYGYi14cGu9hQOD11rD6qKbUOsw==",
+      "dependencies": {
+        "@amplitude/analytics-types": "^1.3.4",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-remote-config": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-remote-config/-/analytics-remote-config-0.4.1.tgz",
+      "integrity": "sha512-BYl6kQ9qjztrCACsugpxO+foLaQIC0aSEzoXEAb/gwOzInmqkyyI+Ub+aWTBih4xgB/lhWlOcidWHAmNiTJTNw==",
+      "dependencies": {
+        "@amplitude/analytics-client-common": ">=1 <3",
+        "@amplitude/analytics-core": ">=1 <3",
+        "@amplitude/analytics-types": ">=1 <3",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-types": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-1.3.4.tgz",
+      "integrity": "sha512-tR70gzqFkEzX9QpxvWYMfLCledT7vMhgd3d4/bkp3nnGXTOORaVUOCcSgOyxyuFdSx84T61aP/eZPKIcZcaP+A=="
+    },
+    "node_modules/@amplitude/plugin-autocapture-browser": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@amplitude/plugin-autocapture-browser/-/plugin-autocapture-browser-1.0.3.tgz",
+      "integrity": "sha512-XUQWUAw9VqtJPlmOyWjnhsEspyVakd9LuSjVNtLjhwlWv+f/yZM1AAQVUdq/Os1+b5OptSgJQ2pPfRJJHZDXTw==",
+      "dependencies": {
+        "@amplitude/analytics-client-common": ">=1 <3",
+        "@amplitude/analytics-types": "^2.8.2",
+        "rxjs": "^7.8.1",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-autocapture-browser/node_modules/@amplitude/analytics-types": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-2.8.2.tgz",
+      "integrity": "sha512-SWFXIMxhFm1/k3PUvxvYLY1iwzS28yd9A6pa5pEnrbaAZwM+E/24ucxs59VGp1N5qlIsvF0aVGSoKzN4ydh4eA=="
+    },
+    "node_modules/@amplitude/plugin-page-view-tracking-browser": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/@amplitude/plugin-page-view-tracking-browser/-/plugin-page-view-tracking-browser-2.3.3.tgz",
+      "integrity": "sha512-tGDt7aU/okGHH38sxZvBckRXBw2btkw+wJz/PmIFIQdD7/7EMVnTtXgZJTokE+fqfxCx79F2ojEHp37xgVSxpg==",
+      "dependencies": {
+        "@amplitude/analytics-client-common": "^2.3.3",
+        "@amplitude/analytics-types": "^2.8.2",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-page-view-tracking-browser/node_modules/@amplitude/analytics-types": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-2.8.2.tgz",
+      "integrity": "sha512-SWFXIMxhFm1/k3PUvxvYLY1iwzS28yd9A6pa5pEnrbaAZwM+E/24ucxs59VGp1N5qlIsvF0aVGSoKzN4ydh4eA=="
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
@@ -20197,7 +20312,6 @@
       "version": "7.8.1",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
       "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-      "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -22187,8 +22301,7 @@
     "node_modules/tslib": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
-      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
-      "dev": true
+      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
     },
     "node_modules/tunnel-agent": {
       "version": "0.6.0",
diff --git a/client/package.json b/client/package.json
index 932e4e911..b10b7b9d0 100644
--- a/client/package.json
+++ b/client/package.json
@@ -85,6 +85,7 @@
     "webpack-merge": "^6.0.1"
   },
   "dependencies": {
+    "@amplitude/analytics-browser": "^2.11.7",
     "@emotion/react": "^11.11.4",
     "@sentry/react": "^8.25.0",
     "@tanstack/react-query": "^5.51.23",
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 33ea71b6c..99e09da87 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -6,6 +6,7 @@ import QueryClientBoundary from '@components/QueryClientBoundary/QueryClientBoun
 import ErrorCatcher from '@components/AppErrorBoundary/ErrorCatcher';
 import ToastContainer from '@components/Toast/ToastContainer';
 import KakaoInitializer from '@components/KakaoInitializer/KakaoInitializer';
+import AmplitudeInitializer from '@components/AmplitudeInitializer/AmplitudeInitializer';
 
 import {HDesignProvider} from '@HDesign/index';
 
@@ -24,9 +25,11 @@ const App: React.FC = () => {
             <ReactQueryDevtools initialIsOpen={false} />
             <NetworkStateCatcher />
             <ToastContainer />
-            <KakaoInitializer>
-              <Outlet />
-            </KakaoInitializer>
+            <AmplitudeInitializer>
+              <KakaoInitializer>
+                <Outlet />
+              </KakaoInitializer>
+            </AmplitudeInitializer>
           </QueryClientBoundary>
         </ErrorCatcher>
       </UnPredictableErrorBoundary>
diff --git a/client/src/components/AmplitudeInitializer/AmplitudeInitializer.tsx b/client/src/components/AmplitudeInitializer/AmplitudeInitializer.tsx
new file mode 100644
index 000000000..bd3ac2627
--- /dev/null
+++ b/client/src/components/AmplitudeInitializer/AmplitudeInitializer.tsx
@@ -0,0 +1,17 @@
+import {useEffect} from 'react';
+
+import {useAmplitudeStore} from '@store/amplitudeStore';
+
+const AmplitudeInitializer = ({children}: React.PropsWithChildren) => {
+  const {amplitude} = useAmplitudeStore();
+
+  useEffect(() => {
+    amplitude.init(process.env.AMPLITUDE_KEY, undefined, {
+      defaultTracking: true,
+    });
+  }, []);
+
+  return children;
+};
+
+export default AmplitudeInitializer;
diff --git a/client/src/components/Loader/EventLoader.tsx b/client/src/components/Loader/EventLoader.tsx
index c79337319..f4ef9fd07 100644
--- a/client/src/components/Loader/EventLoader.tsx
+++ b/client/src/components/Loader/EventLoader.tsx
@@ -1,9 +1,13 @@
 import {useQueries} from '@tanstack/react-query';
+import {useEffect} from 'react';
 
 import {requestGetEvent} from '@apis/request/event';
 import {requestGetReports} from '@apis/request/report';
 import {requestGetSteps} from '@apis/request/step';
 import {WithErrorHandlingStrategy} from '@errors/RequestGetError';
+import {requestGetAllMembers} from '@apis/request/member';
+
+import {useTotalExpenseAmountStore} from '@store/totalExpenseAmountStore';
 
 import getEventIdByUrl from '@utils/getEventIdByUrl';
 
@@ -23,9 +27,23 @@ const EventLoader = ({children, ...props}: React.PropsWithChildren<WithErrorHand
         queryKey: [QUERY_KEYS.steps],
         queryFn: () => requestGetSteps({eventId, ...props}),
       },
+      {
+        queryKey: [QUERY_KEYS.allMembers],
+        queryFn: () => requestGetAllMembers({eventId, ...props}),
+      },
     ],
   });
 
+  const {updateTotalExpenseAmount} = useTotalExpenseAmountStore();
+
+  const stepsData = queries[2];
+
+  useEffect(() => {
+    if (stepsData.isSuccess && stepsData.data) {
+      updateTotalExpenseAmount(stepsData.data);
+    }
+  }, [stepsData.data, stepsData.isSuccess, updateTotalExpenseAmount]);
+
   const isLoading = queries.some(query => query.isLoading === true);
 
   return !isLoading && children;
diff --git a/client/src/hooks/queries/step/useRequestGetSteps.ts b/client/src/hooks/queries/step/useRequestGetSteps.ts
index 7b70bacef..54e1ae831 100644
--- a/client/src/hooks/queries/step/useRequestGetSteps.ts
+++ b/client/src/hooks/queries/step/useRequestGetSteps.ts
@@ -1,30 +1,20 @@
 import {useQuery} from '@tanstack/react-query';
-import {useEffect} from 'react';
 
 import {requestGetSteps} from '@apis/request/step';
 import {WithErrorHandlingStrategy} from '@errors/RequestGetError';
 
-import {useTotalExpenseAmountStore} from '@store/totalExpenseAmountStore';
-
 import getEventIdByUrl from '@utils/getEventIdByUrl';
 
 import QUERY_KEYS from '@constants/queryKeys';
 
 const useRequestGetSteps = ({...props}: WithErrorHandlingStrategy | null = {}) => {
   const eventId = getEventIdByUrl();
-  const {updateTotalExpenseAmount} = useTotalExpenseAmountStore();
 
   const queryResult = useQuery({
     queryKey: [QUERY_KEYS.steps],
     queryFn: () => requestGetSteps({eventId, ...props}),
   });
 
-  useEffect(() => {
-    if (queryResult.isSuccess && queryResult.data) {
-      updateTotalExpenseAmount(queryResult.data);
-    }
-  }, [queryResult.data, queryResult.isSuccess, updateTotalExpenseAmount]);
-
   return {
     steps: queryResult.data ?? [],
     ...queryResult,
diff --git a/client/src/hooks/useAmplitude.ts b/client/src/hooks/useAmplitude.ts
new file mode 100644
index 000000000..fd13c75ca
--- /dev/null
+++ b/client/src/hooks/useAmplitude.ts
@@ -0,0 +1,83 @@
+import {useAmplitudeStore} from '@store/amplitudeStore';
+
+import detectBrowser from '@utils/detectBrowser';
+
+type EventUniqueData = {
+  eventName: string;
+  eventToken: string;
+};
+
+type ShareMethod = 'link' | 'kakao';
+
+export type EventSummary = EventUniqueData & {
+  totalExpenseAmount: number; // 총 지출금액
+  allMembersCount: number; // 행사에 참여한 총 인원
+  billsCount: number; // 총 지출내역 수
+  isAdmin: boolean; // 관리자 여부
+  shareMethod: ShareMethod; // 공유 방법
+};
+
+type SendMethod = 'clipboard' | 'toss' | 'kakaopay';
+
+type SendMoneyData = EventUniqueData & {
+  sendMethod: SendMethod;
+  amount: number;
+};
+
+const useAmplitude = () => {
+  const {amplitude} = useAmplitudeStore();
+  const domainEnv = process.env.NODE_ENV;
+
+  const track = (eventName: string, eventProps: Record<string, any> = {}) => {
+    amplitude.track(eventName, {
+      domain: domainEnv,
+      browser: detectBrowser(),
+      ...eventProps,
+    });
+  };
+
+  const trackStartCreateEvent = () => {
+    track('정산 시작하기 버튼 클릭');
+  };
+
+  const trackCompleteCreateEvent = (eventUniqueData: EventUniqueData) => {
+    track('이벤트 생성 완료', {
+      ...eventUniqueData,
+    });
+  };
+
+  const trackShareEvent = (eventSummary: EventSummary) => {
+    track('이벤트 초대 클릭', {
+      ...eventSummary,
+    });
+  };
+
+  const trackAddBillStart = (eventUniqueData: EventUniqueData) => {
+    track('지출내역 추가 시작', {
+      ...eventUniqueData,
+    });
+  };
+
+  const trackAddBillEnd = (eventUniqueData: EventUniqueData) => {
+    track('지출내역 추가 완료', {
+      ...eventUniqueData,
+    });
+  };
+
+  const trackSendMoney = (sendMoneyData: SendMoneyData) => {
+    track('송금 버튼 클릭', {
+      ...sendMoneyData,
+    });
+  };
+
+  return {
+    trackStartCreateEvent,
+    trackCompleteCreateEvent,
+    trackShareEvent,
+    trackAddBillStart,
+    trackAddBillEnd,
+    trackSendMoney,
+  };
+};
+
+export default useAmplitude;
diff --git a/client/src/hooks/useEventPageLayout.ts b/client/src/hooks/useEventPageLayout.ts
index 6e645d186..a443981e4 100644
--- a/client/src/hooks/useEventPageLayout.ts
+++ b/client/src/hooks/useEventPageLayout.ts
@@ -1,13 +1,20 @@
 import {useAuthStore} from '@store/authStore';
+import {useTotalExpenseAmountStore} from '@store/totalExpenseAmountStore';
 
 import getEventIdByUrl from '@utils/getEventIdByUrl';
 
 import useRequestGetEvent from './queries/event/useRequestGetEvent';
+import useRequestGetAllMembers from './queries/member/useRequestGetAllMembers';
+import useRequestGetSteps from './queries/step/useRequestGetSteps';
 
 const useEventPageLayout = () => {
   const eventId = getEventIdByUrl();
   const {eventName, bankName, accountNumber} = useRequestGetEvent();
   const {isAdmin} = useAuthStore();
+  const {totalExpenseAmount} = useTotalExpenseAmountStore();
+  const {members} = useRequestGetAllMembers();
+  const {steps} = useRequestGetSteps();
+  const billsCount = steps.flatMap(step => [...step.bills]).length;
 
   const event = {
     eventName,
@@ -15,10 +22,20 @@ const useEventPageLayout = () => {
     accountNumber,
   };
 
+  const eventSummary = {
+    eventName,
+    eventToken: eventId,
+    totalExpenseAmount,
+    allMembersCount: members.length,
+    billsCount,
+    isAdmin,
+  };
+
   return {
     eventId,
     isAdmin,
     event,
+    eventSummary,
   };
 };
 
diff --git a/client/src/hooks/useMembersStep.ts b/client/src/hooks/useMembersStep.ts
index e494884b5..1348cb38d 100644
--- a/client/src/hooks/useMembersStep.ts
+++ b/client/src/hooks/useMembersStep.ts
@@ -1,4 +1,4 @@
-import {RefObject, useEffect, useRef, useState} from 'react';
+import {useEffect, useRef, useState} from 'react';
 import {useNavigate} from 'react-router-dom';
 
 import {BillInfo} from '@pages/AddBillFunnel/AddBillFunnel';
@@ -13,6 +13,8 @@ import useRequestPostMembers from './queries/member/useRequestPostMembers';
 import useRequestPostBill from './queries/bill/useRequestPostBill';
 import {BillStep} from './useAddBillFunnel';
 import useRequestGetAllMembers from './queries/member/useRequestGetAllMembers';
+import useAmplitude from './useAmplitude';
+import useRequestGetEvent from './queries/event/useRequestGetEvent';
 
 interface Props {
   billInfo: BillInfo;
@@ -27,12 +29,15 @@ const useMembersStep = ({billInfo, setBillInfo, currentMembers, setStep}: Props)
   const inputRef = useRef<HTMLInputElement>(null);
   const hiddenRef = useRef<HTMLInputElement>(null);
 
+  const {trackAddBillEnd} = useAmplitude();
+
   const {members: allMembers} = useRequestGetAllMembers();
   const {postMembersAsync, isPending: isPendingPostMembers} = useRequestPostMembers();
 
   const {postBill, isSuccess: isSuccessPostBill, isPending: isPendingPostBill} = useRequestPostBill();
   const navigate = useNavigate();
   const eventId = getEventIdByUrl();
+  const {eventName} = useRequestGetEvent();
 
   const onNameInputChange = (value: string) => {
     if (REGEXP.memberName.test(value)) {
@@ -111,6 +116,8 @@ const useMembersStep = ({billInfo, setBillInfo, currentMembers, setStep}: Props)
         memberIds: billInfo.members.map(({id}) => id),
       });
     }
+
+    trackAddBillEnd({eventName, eventToken: eventId});
   };
 
   useEffect(() => {
diff --git a/client/src/hooks/useReportsPage.ts b/client/src/hooks/useReportsPage.ts
index ea7eea31a..339171945 100644
--- a/client/src/hooks/useReportsPage.ts
+++ b/client/src/hooks/useReportsPage.ts
@@ -12,11 +12,13 @@ export type SendInfo = {
   bankName: string;
   accountNumber: string;
   amount: number;
+  eventName: string;
+  eventToken: string;
 };
 
 const useReportsPage = () => {
   const [memberName, setMemberName] = useState('');
-  const {bankName, accountNumber} = useOutletContext<EventPageContextProps>();
+  const {eventName, eventToken, bankName, accountNumber} = useOutletContext<EventPageContextProps>();
   const {matchedReports, reports} = useSearchReports({memberName});
 
   const location = useLocation();
@@ -31,6 +33,8 @@ const useReportsPage = () => {
       bankName,
       accountNumber,
       amount,
+      eventName,
+      eventToken,
     };
 
     navigate(`${getDeletedLastPath(location.pathname)}/${memberId}/send`, {state: sendInfo});
diff --git a/client/src/hooks/useSendPage.ts b/client/src/hooks/useSendPage.ts
index 6b3cc9bf5..d90c94403 100644
--- a/client/src/hooks/useSendPage.ts
+++ b/client/src/hooks/useSendPage.ts
@@ -3,6 +3,7 @@ import {useEffect, useState} from 'react';
 
 import {SendInfo} from './useReportsPage';
 import toast from './useToast/toast';
+import useAmplitude from './useAmplitude';
 
 export type SendMethod = '복사하기' | '토스' | '카카오페이';
 export type OnSend = () => void | Promise<void>;
@@ -11,6 +12,8 @@ const useSendPage = () => {
   const [sendMethod, setSendMethod] = useState<SendMethod>('토스');
   const state = useLocation().state as SendInfo;
 
+  const {trackSendMoney} = useAmplitude();
+
   const options: SendMethod[] = ['토스', '카카오페이', '복사하기'];
   const defaultValue: SendMethod = '토스';
 
@@ -24,7 +27,7 @@ const useSendPage = () => {
     }
   }, [state]);
 
-  const {bankName, accountNumber, amount} = state;
+  const {bankName, accountNumber, amount, eventName, eventToken} = state;
 
   const format = (accountNumber: string) => {
     if (accountNumber.length > 9) {
@@ -40,16 +43,22 @@ const useSendPage = () => {
 
   const onCopy = async () => {
     await window.navigator.clipboard.writeText(copyText);
+
+    trackSendMoney({eventName, eventToken, amount, sendMethod: 'clipboard'});
     toast.confirm('금액이 복사되었어요.');
   };
 
   const onTossClick = () => {
+    trackSendMoney({eventName, eventToken, amount, sendMethod: 'toss'});
+
     const tossUrl = `supertoss://send?amount=${amount}&bank=${bankName}&accountNo=${accountNumber}`;
     window.location.href = tossUrl;
   };
 
   const onKakaoPayClick = async () => {
     await window.navigator.clipboard.writeText(copyText);
+    trackSendMoney({eventName, eventToken, amount, sendMethod: 'kakaopay'});
+
     const kakaoPayUrl = 'kakaotalk://kakaopay/home';
     window.location.href = kakaoPayUrl;
   };
diff --git a/client/src/hooks/useSetEventPasswordStep.ts b/client/src/hooks/useSetEventPasswordStep.ts
index 5705be855..78f748a65 100644
--- a/client/src/hooks/useSetEventPasswordStep.ts
+++ b/client/src/hooks/useSetEventPasswordStep.ts
@@ -1,11 +1,11 @@
 import {useState} from 'react';
-import {useNavigate} from 'react-router-dom';
 
 import validateEventPassword from '@utils/validate/validateEventPassword';
 
 import RULE from '@constants/rule';
 
 import useRequestPostEvent from './queries/event/useRequestPostEvent';
+import useAmplitude from './useAmplitude';
 
 export type UseSetEventPasswordStepReturnType = ReturnType<typeof useSetEventPasswordStep>;
 
@@ -15,6 +15,8 @@ const useSetEventPasswordStep = () => {
   const [canSubmit, setCanSubmit] = useState(false);
   const {postEvent: requestPostEvent, isPostEventPending} = useRequestPostEvent();
 
+  const {trackCompleteCreateEvent} = useAmplitude();
+
   const submitDataForPostEvent = async ({
     event,
     eventName,
@@ -38,6 +40,7 @@ const useSetEventPasswordStep = () => {
       {eventName, password: getPasswordWithPad()},
       {
         onSuccess: ({eventId}) => {
+          trackCompleteCreateEvent({eventName, eventToken: eventId});
           updateEventToken(eventId);
         },
       },
diff --git a/client/src/pages/CreateEventPage/SetEventPasswordStep.tsx b/client/src/pages/CreateEventPage/SetEventPasswordStep.tsx
index 6c29fcac3..e31cb9985 100644
--- a/client/src/pages/CreateEventPage/SetEventPasswordStep.tsx
+++ b/client/src/pages/CreateEventPage/SetEventPasswordStep.tsx
@@ -2,7 +2,7 @@ import {css} from '@emotion/react';
 
 import Top from '@components/Design/components/Top/Top';
 
-import useSetEventPasswordStep, {UseSetEventPasswordStepReturnType} from '@hooks/useSetEventPasswordStep';
+import useSetEventPasswordStep from '@hooks/useSetEventPasswordStep';
 
 import {FixedButton, Input} from '@HDesign/index';
 
diff --git a/client/src/pages/EventPage/AdminPage/AdminPage.tsx b/client/src/pages/EventPage/AdminPage/AdminPage.tsx
index 0b3b1c79d..a6c32f855 100644
--- a/client/src/pages/EventPage/AdminPage/AdminPage.tsx
+++ b/client/src/pages/EventPage/AdminPage/AdminPage.tsx
@@ -4,6 +4,7 @@ import StepList from '@components/StepList/Steps';
 import {Banner} from '@components/Design/components/Banner';
 
 import useAdminPage from '@hooks/useAdminPage';
+import useAmplitude from '@hooks/useAmplitude';
 
 import {Title, Button, Dropdown, DropdownButton} from '@HDesign/index';
 
@@ -11,6 +12,7 @@ import {receiptStyle} from './AdminPage.style';
 
 const AdminPage = () => {
   const navigate = useNavigate();
+  const {trackAddBillStart} = useAmplitude();
 
   const {eventId, isAdmin, eventName, totalExpenseAmount, isShowBanner, onDelete, steps} = useAdminPage();
 
@@ -27,6 +29,7 @@ const AdminPage = () => {
   };
 
   const navigateAddBill = () => {
+    trackAddBillStart({eventName, eventToken: eventId});
     navigate(`/event/${eventId}/admin/add-bill`);
   };
 
diff --git a/client/src/pages/EventPage/EventPageLayout.tsx b/client/src/pages/EventPage/EventPageLayout.tsx
index 59bac904f..6a16208d1 100644
--- a/client/src/pages/EventPage/EventPageLayout.tsx
+++ b/client/src/pages/EventPage/EventPageLayout.tsx
@@ -4,6 +4,7 @@ import {Outlet} from 'react-router-dom';
 
 import useEventPageLayout from '@hooks/useEventPageLayout';
 import useShareEvent from '@hooks/useShareEvent';
+import useAmplitude from '@hooks/useAmplitude';
 
 import {Footer} from '@components/Footer';
 import {DesktopShareEventButton, MobileShareEventButton} from '@components/ShareEventButton';
@@ -14,18 +15,31 @@ import {isMobileDevice} from '@utils/detectDevice';
 
 export type EventPageContextProps = Event & {
   isAdmin: boolean;
+  eventToken: string;
 };
 
 const EventPageLayout = () => {
-  const {isAdmin, event} = useEventPageLayout();
+  const {isAdmin, event, eventId, eventSummary} = useEventPageLayout();
   const outletContext: EventPageContextProps = {
     isAdmin,
+    eventToken: eventId,
     ...event,
   };
+  const {trackShareEvent} = useAmplitude();
 
   const isMobile = isMobileDevice();
   const {kakaoShare, copyShare} = useShareEvent({eventName: event.eventName});
 
+  const trackLinkShare = async () => {
+    trackShareEvent({...eventSummary, shareMethod: 'link'});
+    await copyShare();
+  };
+
+  const trackKakaoShare = () => {
+    trackShareEvent({...eventSummary, shareMethod: 'kakao'});
+    kakaoShare();
+  };
+
   return (
     <MainLayout backgroundColor="gray">
       <Flex justifyContent="spaceBetween" alignItems="center">
@@ -39,9 +53,9 @@ const EventPageLayout = () => {
           <TopNav.Item displayName="관리" routePath="/admin" />
         </TopNav>
         {isMobile ? (
-          <MobileShareEventButton copyShare={copyShare} kakaoShare={kakaoShare} />
+          <MobileShareEventButton copyShare={trackLinkShare} kakaoShare={trackKakaoShare} />
         ) : (
-          <DesktopShareEventButton onCopy={copyShare}>정산 초대하기</DesktopShareEventButton>
+          <DesktopShareEventButton onCopy={trackLinkShare}>정산 초대하기</DesktopShareEventButton>
         )}
       </Flex>
       <Outlet context={outletContext} />
diff --git a/client/src/pages/MainPage/MainPage.tsx b/client/src/pages/MainPage/MainPage.tsx
index 702972eff..4d0294ef9 100644
--- a/client/src/pages/MainPage/MainPage.tsx
+++ b/client/src/pages/MainPage/MainPage.tsx
@@ -1,3 +1,5 @@
+import useAmplitude from '@hooks/useAmplitude';
+
 import {MainLayout} from '@HDesign/index';
 
 import Nav from './Nav/Nav';
@@ -8,10 +10,12 @@ import AddMemberSection from './Section/AddMemberSection';
 import ReportSection from './Section/ReportSection';
 
 const MainPage = () => {
+  const {trackStartCreateEvent} = useAmplitude();
+
   return (
     <MainLayout>
-      <Nav />
-      <MainSection />
+      <Nav trackStartCreateEvent={trackStartCreateEvent} />
+      <MainSection trackStartCreateEvent={trackStartCreateEvent} />
       <DescriptionSection />
       <AddBillSection />
       <AddMemberSection />
diff --git a/client/src/pages/MainPage/Nav/Nav.tsx b/client/src/pages/MainPage/Nav/Nav.tsx
index 65c7399db..eaf8e13ed 100644
--- a/client/src/pages/MainPage/Nav/Nav.tsx
+++ b/client/src/pages/MainPage/Nav/Nav.tsx
@@ -1,14 +1,21 @@
 import {useNavigate} from 'react-router-dom';
 
-import {useTheme} from '@components/Design/theme/HDesignProvider';
-
-import {Button, Flex, Text, Icon, TopNav, IconButton} from '@HDesign/index';
+import {Button, Text, Icon, TopNav, IconButton} from '@HDesign/index';
 
 import {ROUTER_URLS} from '@constants/routerUrls';
 
-const Nav = () => {
-  const {theme} = useTheme();
+type NavProps = {
+  trackStartCreateEvent: () => void;
+};
+
+const Nav = ({trackStartCreateEvent}: NavProps) => {
   const navigate = useNavigate();
+
+  const StartCreateEvent = () => {
+    trackStartCreateEvent();
+    navigate(ROUTER_URLS.createEvent);
+  };
+
   return (
     <header style={{display: 'flex', justifyContent: 'space-between', alignItems: 'center', height: '37px'}}>
       <TopNav>
@@ -21,12 +28,7 @@ const Nav = () => {
           <Text size="subTitle">행동대장</Text>
         </TopNav.Item>
       </TopNav>
-      <Button
-        size="medium"
-        variants="tertiary"
-        onClick={() => navigate(ROUTER_URLS.createEvent)}
-        style={{marginRight: '1rem'}}
-      >
+      <Button size="medium" variants="tertiary" onClick={StartCreateEvent} style={{marginRight: '1rem'}}>
         정산 시작하기
       </Button>
     </header>
diff --git a/client/src/pages/MainPage/Section/MainSection.tsx b/client/src/pages/MainPage/Section/MainSection.tsx
index 1f7b8367f..83f8d525e 100644
--- a/client/src/pages/MainPage/Section/MainSection.tsx
+++ b/client/src/pages/MainPage/Section/MainSection.tsx
@@ -7,9 +7,18 @@ import Text from '@HDesign/components/Text/Text';
 
 import {ROUTER_URLS} from '@constants/routerUrls';
 
-const MainSection = () => {
+type MainSectionProps = {
+  trackStartCreateEvent: () => void;
+};
+
+const MainSection = ({trackStartCreateEvent}: MainSectionProps) => {
   const navigate = useNavigate();
 
+  const handleClick = () => {
+    trackStartCreateEvent();
+    navigate(ROUTER_URLS.createEvent);
+  };
+
   return (
     <div
       css={css({
@@ -39,7 +48,7 @@ const MainSection = () => {
         <Text css={animateWithDelay(1)} style={{textAlign: 'center'}} size="title">{`행동대장을 통해
         간편하게 정산하세요
         `}</Text>
-        <Button css={animateWithDelay(2)} size="large" onClick={() => navigate(ROUTER_URLS.createEvent)}>
+        <Button id="startCreateEvent" css={animateWithDelay(2)} size="large" onClick={handleClick}>
           정산 시작하기
         </Button>
       </div>
diff --git a/client/src/store/amplitudeStore.ts b/client/src/store/amplitudeStore.ts
new file mode 100644
index 000000000..afbedc560
--- /dev/null
+++ b/client/src/store/amplitudeStore.ts
@@ -0,0 +1,14 @@
+import * as amplitude from '@amplitude/analytics-browser';
+import {create} from 'zustand';
+
+import {Amplitude} from 'types/amplitude';
+
+type State = {
+  amplitude: Amplitude;
+};
+
+type Action = {};
+
+export const useAmplitudeStore = create<State & Action>(() => ({
+  amplitude: amplitude as Amplitude,
+}));
diff --git a/client/src/types/amplitude.ts b/client/src/types/amplitude.ts
new file mode 100644
index 000000000..6e222118b
--- /dev/null
+++ b/client/src/types/amplitude.ts
@@ -0,0 +1,56 @@
+import AmplitudeClient from '@amplitude/analytics-types';
+
+export interface Amplitude {
+  add: (
+    plugin: AmplitudeClient.Plugin<AmplitudeClient.BrowserClient, AmplitudeClient.BrowserConfig>,
+  ) => AmplitudeClient.AmplitudeReturn<void>;
+  extendSession: () => void;
+  flush: () => AmplitudeClient.AmplitudeReturn<void>;
+  getDeviceId: () => string | undefined;
+  getSessionId: () => number | undefined;
+  getUserId: () => string | undefined;
+  groupIdentify: (
+    groupType: string,
+    groupName: string | string[],
+    identify: AmplitudeClient.Identify,
+    eventOptions?: AmplitudeClient.EventOptions | undefined,
+  ) => AmplitudeClient.AmplitudeReturn<AmplitudeClient.Result>;
+  identify: (
+    identify: AmplitudeClient.Identify,
+    eventOptions?: AmplitudeClient.EventOptions | undefined,
+  ) => AmplitudeClient.AmplitudeReturn<AmplitudeClient.Result>;
+  init: {
+    (apiKey: string, options?: AmplitudeClient.BrowserOptions | undefined): AmplitudeClient.AmplitudeReturn<void>;
+    (
+      apiKey: string,
+      userId?: string | undefined,
+      options?: AmplitudeClient.BrowserOptions | undefined,
+    ): AmplitudeClient.AmplitudeReturn<void>;
+  };
+  logEvent: (
+    eventInput: string | AmplitudeClient.BaseEvent,
+    eventProperties?: Record<string, any> | undefined,
+    eventOptions?: AmplitudeClient.EventOptions | undefined,
+  ) => AmplitudeClient.AmplitudeReturn<AmplitudeClient.Result>;
+  remove: (pluginName: string) => AmplitudeClient.AmplitudeReturn<void>;
+  reset: () => void;
+  revenue: (
+    revenue: AmplitudeClient.Revenue,
+    eventOptions?: AmplitudeClient.EventOptions | undefined,
+  ) => AmplitudeClient.AmplitudeReturn<AmplitudeClient.Result>;
+  setDeviceId: (deviceId: string) => void;
+  setGroup: (
+    groupType: string,
+    groupName: string | string[],
+    eventOptions?: AmplitudeClient.EventOptions | undefined,
+  ) => AmplitudeClient.AmplitudeReturn<AmplitudeClient.Result>;
+  setOptOut: (optOut: boolean) => void;
+  setSessionId: (sessionId: number) => void;
+  setTransport: (transport: AmplitudeClient.TransportType) => void;
+  setUserId: (userId: string | undefined) => void;
+  track: (
+    eventInput: string | AmplitudeClient.BaseEvent,
+    eventProperties?: Record<string, any> | undefined,
+    eventOptions?: AmplitudeClient.EventOptions | undefined,
+  ) => AmplitudeClient.AmplitudeReturn<AmplitudeClient.Result>;
+}
diff --git a/client/src/utils/detectBrowser.ts b/client/src/utils/detectBrowser.ts
new file mode 100644
index 000000000..7e5557c0a
--- /dev/null
+++ b/client/src/utils/detectBrowser.ts
@@ -0,0 +1,32 @@
+// https://gurtn.tistory.com/214
+const detectBrowser = () => {
+  const browsers = [
+    'Chrome',
+    'Opera',
+    'WebTV',
+    'Whale',
+    'Beonex',
+    'Chimera',
+    'NetPositive',
+    'Phoenix',
+    'Firefox',
+    'Safari',
+    'SkipStone',
+    'Netscape',
+    'Mozilla',
+  ];
+
+  const userAgent = window.navigator.userAgent.toLowerCase();
+
+  if (userAgent.includes('edg')) {
+    return 'Edge';
+  }
+
+  if (userAgent.includes('trident') || userAgent.includes('msie')) {
+    return 'Internet Explorer';
+  }
+
+  return browsers.find(browser => userAgent.includes(browser.toLowerCase())) || 'Other';
+};
+
+export default detectBrowser;