diff --git a/src/common/components/Button/AmplitudeEventTrack.tsx b/src/common/components/Button/AmplitudeEventTrack.tsx
new file mode 100644
index 00000000..620154e2
--- /dev/null
+++ b/src/common/components/Button/AmplitudeEventTrack.tsx
@@ -0,0 +1,13 @@
+import { track } from '@amplitude/analytics-browser';
+import type { ReactNode } from 'react';
+
+interface AmplitudeEventTrackProps {
+  eventName?: string; // amplitude event name
+  children: ReactNode;
+}
+
+const AmplitudeEventTrack = ({ eventName, children }: AmplitudeEventTrackProps) => {
+  return <div onClick={() => (eventName ? track(eventName) : null)}>{children}</div>;
+};
+
+export default AmplitudeEventTrack;
diff --git a/src/common/components/Button/index.tsx b/src/common/components/Button/index.tsx
index 80ae6874..03968c56 100644
--- a/src/common/components/Button/index.tsx
+++ b/src/common/components/Button/index.tsx
@@ -5,10 +5,12 @@ import { useDeviceType } from 'contexts/DeviceTypeProvider';
 import ButtonLoading from 'views/loadings/ButtonLoading';
 
 import { buttonFontVar, container, outsideBox, paddings } from './style.css';
+import AmplitudeEventTrack from './AmplitudeEventTrack';
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
   children?: ReactNode;
   className?: string;
+  eventName?: string;
   buttonStyle?: 'solid' | 'line';
   isLoading?: boolean;
   padding?: '15x32' | '13x20' | '10x24' | '15x25';
@@ -19,6 +21,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement | HTMLAncho
 const Button = ({
   children,
   className,
+  eventName,
   buttonStyle = 'solid',
   padding = '15x32',
   isLoading = false,
@@ -38,18 +41,20 @@ const Button = ({
   }
 
   return (
-    <Tag
-      id={id}
-      to={to as To}
-      type={type}
-      className={`${className} ${outsideBox[isLoading || disabled ? 'disabled' : buttonStyle]}`}
-      disabled={isLoading || disabled}
-      {...buttonElementProps}>
-      <div
-        className={`${container[isLoading || disabled ? 'disabled' : buttonStyle]} ${paddings[padding]} ${buttonFontVar[deviceType]} ${className}`}>
-        {isLoading ? <ButtonLoading width={loadingWidth} /> : children}
-      </div>
-    </Tag>
+    <AmplitudeEventTrack eventName={eventName}>
+      <Tag
+        id={id}
+        to={to as To}
+        type={type}
+        className={`${className} ${outsideBox[isLoading || disabled ? 'disabled' : buttonStyle]}`}
+        disabled={isLoading || disabled}
+        {...buttonElementProps}>
+        <div
+          className={`${container[isLoading || disabled ? 'disabled' : buttonStyle]} ${paddings[padding]} ${buttonFontVar[deviceType]} ${className}`}>
+          {isLoading ? <ButtonLoading width={loadingWidth} /> : children}
+        </div>
+      </Tag>
+    </AmplitudeEventTrack>
   );
 };
 
diff --git a/src/common/components/Layout/components/Header/Nav/MenuItem/index.tsx b/src/common/components/Layout/components/Header/Nav/MenuItem/index.tsx
index e56094ba..3fdc2993 100644
--- a/src/common/components/Layout/components/Header/Nav/MenuItem/index.tsx
+++ b/src/common/components/Layout/components/Header/Nav/MenuItem/index.tsx
@@ -1,9 +1,9 @@
-import { track } from '@amplitude/analytics-browser';
 import { NavLink } from 'react-router-dom';
 
 import { useDeviceType } from 'contexts/DeviceTypeProvider';
 
 import { menuItemVar, menuLinkVar } from './style.css';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 interface MenuItemProps {
   text: string;
@@ -20,13 +20,11 @@ const MenuItem = ({ text, path, target, amplitudeId, className, onClick }: MenuI
   return (
     <li className={`${className} ${menuItemVar[deviceType]}`}>
       {path ? (
-        <NavLink
-          to={path}
-          className={menuLinkVar[deviceType]}
-          onClick={() => (amplitudeId ? track(amplitudeId) : null)}
-          target={target}>
-          {text}
-        </NavLink>
+        <AmplitudeEventTrack eventName={amplitudeId ? amplitudeId : undefined}>
+          <NavLink to={path} className={menuLinkVar[deviceType]} target={target}>
+            {text}
+          </NavLink>
+        </AmplitudeEventTrack>
       ) : (
         <p className={`${onClick ? menuLinkVar[deviceType] : null}`} onClick={onClick}>
           {text}
diff --git a/src/common/components/Layout/components/Header/Nav/MenuList/index.tsx b/src/common/components/Layout/components/Header/Nav/MenuList/index.tsx
index 251f94fa..f2f855cb 100644
--- a/src/common/components/Layout/components/Header/Nav/MenuList/index.tsx
+++ b/src/common/components/Layout/components/Header/Nav/MenuList/index.tsx
@@ -1,4 +1,4 @@
-import { reset, track } from '@amplitude/analytics-browser';
+import { reset } from '@amplitude/analytics-browser';
 import { useEffect, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 
@@ -8,6 +8,7 @@ import { useRecruitingInfo } from 'contexts/RecruitingInfoProvider';
 import { dimmedBgVar, menuContainerVar, menuList, menuMobListVar } from './style.css';
 import { MENU_ITEMS, MENU_ITEMS_MAKERS } from '../../contants';
 import MenuItem from '../MenuItem';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 const MenuList = ({ isMenuOpen, onClickMenuToggle }: { isMenuOpen?: boolean; onClickMenuToggle?: () => void }) => {
   const { deviceType } = useDeviceType();
@@ -34,7 +35,6 @@ const MenuList = ({ isMenuOpen, onClickMenuToggle }: { isMenuOpen?: boolean; onC
   } = useRecruitingInfo();
   const menuItems = isMakers ? MENU_ITEMS_MAKERS : MENU_ITEMS;
   const handleLogout = () => {
-    track('click-gnb-logout');
     reset();
     localStorage.removeItem('soptApplyAccessToken');
     localStorage.removeItem('soptApplyAccessTokenExpiredTime');
@@ -59,7 +59,9 @@ const MenuList = ({ isMenuOpen, onClickMenuToggle }: { isMenuOpen?: boolean; onC
             {menuItems.map(({ text, path, target, amplitudeId }) => (
               <MenuItem key={text} text={text} path={path} target={target} amplitudeId={amplitudeId} />
             ))}
-            <MenuItem key="로그아웃" text="로그아웃" onClick={handleLogout} />
+            <AmplitudeEventTrack eventName="click-gnb-logout">
+              <MenuItem key="로그아웃" text="로그아웃" onClick={handleLogout} />
+            </AmplitudeEventTrack>
             <MenuItem key="로그인완료" text={`${name}님`} className="amp-block" />
           </>
         )}
diff --git a/src/views/ApplyPage/components/ApplyHeader/index.tsx b/src/views/ApplyPage/components/ApplyHeader/index.tsx
index 44b370bd..af96fea4 100644
--- a/src/views/ApplyPage/components/ApplyHeader/index.tsx
+++ b/src/views/ApplyPage/components/ApplyHeader/index.tsx
@@ -25,7 +25,12 @@ const ApplyHeader = ({ isLoading, onSaveDraft, onSubmitData, isReview = false }:
       </Title>
       {!isReview && deviceType !== 'MOB' && (
         <div className={buttonWrapper}>
-          <Button isLoading={isLoading} onClick={onSaveDraft} buttonStyle="line" padding="10x24">
+          <Button
+            isLoading={isLoading}
+            eventName="click-apply-draft"
+            onClick={onSaveDraft}
+            buttonStyle="line"
+            padding="10x24">
             임시저장
           </Button>
           <Button isLoading={isLoading} onClick={onSubmitData} padding="10x24" type="submit">
diff --git a/src/views/ApplyPage/components/FileInput/index.tsx b/src/views/ApplyPage/components/FileInput/index.tsx
index 3a600b30..aebe7e0e 100644
--- a/src/views/ApplyPage/components/FileInput/index.tsx
+++ b/src/views/ApplyPage/components/FileInput/index.tsx
@@ -19,6 +19,7 @@ import {
   fileNameVar,
   textWrapperVar,
 } from './style.css';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 interface FileInputProps {
   section: string;
@@ -61,8 +62,6 @@ const FileInput = ({ section, id, isReview, disabled, defaultFile }: FileInputPr
     const storageRef = storage.ref();
     const uploadTask = storageRef.child(`recruiting/applicants/question/${file.name}${nanoid(7)}`).put(file);
 
-    track(`click-apply-add_file${id}`);
-
     uploadTask.on(
       STATE_CHANGED,
       (snapshot) => {
@@ -167,16 +166,18 @@ const FileInput = ({ section, id, isReview, disabled, defaultFile }: FileInputPr
 
   return (
     <div className={containerVar[deviceType]}>
-      <input
-        id={`file-${id}`}
-        type="file"
-        accept={ACCEPTED_FORMATS}
-        {...register(`file${id}`)}
-        onChange={(e) => handleFileChange(e, id)}
-        ref={inputRef}
-        className={fileInput}
-        disabled={disabledStatus}
-      />
+      <AmplitudeEventTrack eventName={`click-apply-add_file${id}`}>
+        <input
+          id={`file-${id}`}
+          type="file"
+          accept={ACCEPTED_FORMATS}
+          {...register(`file${id}`)}
+          onChange={(e) => handleFileChange(e, id)}
+          ref={inputRef}
+          className={fileInput}
+          disabled={disabledStatus}
+        />
+      </AmplitudeEventTrack>
       <label
         htmlFor={`file-${id}`}
         className={`${fileLabelVar[errors[`file${id}`] ? 'error' : fileName === '' ? 'default' : 'selected']} ${fileLabelSizeVar[deviceType]}`}>
diff --git a/src/views/ApplyPage/index.tsx b/src/views/ApplyPage/index.tsx
index 3b3b8f60..08b4c458 100644
--- a/src/views/ApplyPage/index.tsx
+++ b/src/views/ApplyPage/index.tsx
@@ -273,7 +273,6 @@ const ApplyPage = ({ onSetComplete }: ApplyPageProps) => {
       willAppjam: false,
     };
 
-    type === 'draft' ? track('click-apply-draft') : track('click-apply-confirm_submit');
     type === 'draft' ? draftMutate(formValues) : submitMutate(formValues);
   };
 
diff --git a/src/views/CompletePage/index.tsx b/src/views/CompletePage/index.tsx
index 8eab6315..2078bafd 100644
--- a/src/views/CompletePage/index.tsx
+++ b/src/views/CompletePage/index.tsx
@@ -1,5 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
-
 import Button from '@components/Button';
 import Callout from '@components/Callout';
 import { useDeviceType } from 'contexts/DeviceTypeProvider';
@@ -16,7 +14,6 @@ const CompletePage = () => {
   } = useRecruitingInfo();
 
   const handleClickMyPage = () => {
-    track('click-complete-my');
     window.location.reload();
   };
 
@@ -34,7 +31,9 @@ const CompletePage = () => {
         style={{
           marginBottom: 35,
         }}>{`이메일 도착 시점에 차이가 있을 수 있습니다.\n이메일이 오지 않으면 스팸 메일함을 확인해주세요.`}</Callout>
-      <Button onClick={handleClickMyPage}>마이페이지로 이동하기</Button>
+      <Button eventName="click-complete-my" onClick={handleClickMyPage}>
+        마이페이지로 이동하기
+      </Button>
       <Survey />
     </section>
   );
diff --git a/src/views/ErrorPage/components/NoMore/index.tsx b/src/views/ErrorPage/components/NoMore/index.tsx
index d331940e..a942fa75 100644
--- a/src/views/ErrorPage/components/NoMore/index.tsx
+++ b/src/views/ErrorPage/components/NoMore/index.tsx
@@ -1,8 +1,7 @@
-import { track } from '@amplitude/analytics-browser';
-
 import { useDeviceType } from 'contexts/DeviceTypeProvider';
 
 import { article, contactButtonVar, container, errorButtonVar, errorTextVar, instructionVar } from '../../style.css';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 interface NoMoreProps {
   isMakers?: boolean;
@@ -16,25 +15,27 @@ const NoMore = ({ isMakers, content }: NoMoreProps) => {
     <section className={container}>
       <article className={article}>
         <p className={errorTextVar[deviceType]}>{content}</p>
+        <AmplitudeEventTrack eventName={isMakers ? 'click-nomore-official_makers' : 'click-nomore-official'}>
+          <a
+            href={isMakers ? 'https://makers.sopt.org/' : 'https://www.sopt.org/'}
+            className={errorButtonVar[deviceType]}
+            target="_blank"
+            rel="noreferrer noopener">
+            공식 홈페이지 가기
+          </a>
+        </AmplitudeEventTrack>
+      </article>
+      <p className={instructionVar[deviceType]}>{`문의사항이 있다면\n아래 ‘문의하기’를 이용해 주세요`}</p>
+      <AmplitudeEventTrack eventName={isMakers ? 'click-nomore-ask_makers' : 'click-nomore-ask'}>
         <a
-          href={isMakers ? 'https://makers.sopt.org/' : 'https://www.sopt.org/'}
-          className={errorButtonVar[deviceType]}
+          id="chat-channel-button"
+          href={isMakers ? 'https://pf.kakao.com/_sxaIWG' : 'https://pf.kakao.com/_JdTKd'}
           target="_blank"
           rel="noreferrer noopener"
-          onClick={() => track(isMakers ? 'click-nomore-official_makers' : 'click-nomore-official')}>
-          공식 홈페이지 가기
+          className={contactButtonVar[deviceType]}>
+          문의하기
         </a>
-      </article>
-      <p className={instructionVar[deviceType]}>{`문의사항이 있다면\n아래 ‘문의하기’를 이용해 주세요`}</p>
-      <a
-        id="chat-channel-button"
-        href={isMakers ? 'https://pf.kakao.com/_sxaIWG' : 'https://pf.kakao.com/_JdTKd'}
-        target="_blank"
-        rel="noreferrer noopener"
-        className={contactButtonVar[deviceType]}
-        onClick={() => track(isMakers ? 'click-nomore-ask_makers' : 'click-nomore-ask')}>
-        문의하기
-      </a>
+      </AmplitudeEventTrack>
     </section>
   );
 };
diff --git a/src/views/ErrorPage/index.tsx b/src/views/ErrorPage/index.tsx
index 5048c90a..f67dc746 100644
--- a/src/views/ErrorPage/index.tsx
+++ b/src/views/ErrorPage/index.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { useNavigate } from 'react-router-dom';
 
 import { useDeviceType } from 'contexts/DeviceTypeProvider';
@@ -6,6 +5,7 @@ import { useDeviceType } from 'contexts/DeviceTypeProvider';
 import ErrorCode from './components/ErrorCode';
 import { ERROR_MESSAGE } from './constants';
 import { article, contactButtonVar, container, errorButtonVar, errorTextVar, instructionVar } from './style.css';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 const ErrorPage = ({ code }: { code: 404 | 500 }) => {
   const { deviceType } = useDeviceType();
@@ -22,7 +22,6 @@ const ErrorPage = ({ code }: { code: 404 | 500 }) => {
   };
 
   const handleClickErrorButton = () => {
-    code === 404 ? track('click-error-home') : track('click-error-back');
     handleGoBack(code);
   };
 
@@ -33,23 +32,26 @@ const ErrorPage = ({ code }: { code: 404 | 500 }) => {
       <article className={article}>
         <ErrorCode code={code} />
         <p className={errorTextVar[deviceType]}>{ERROR_MESSAGE[CODE_KEY]?.text}</p>
-        <button className={errorButtonVar[deviceType]} onClick={handleClickErrorButton}>
-          {ERROR_MESSAGE[CODE_KEY]?.button}
-        </button>
+        <AmplitudeEventTrack eventName={code === 404 ? 'click-error-home' : 'click-error-back'}>
+          <button className={errorButtonVar[deviceType]} onClick={handleClickErrorButton}>
+            {ERROR_MESSAGE[CODE_KEY]?.button}
+          </button>
+        </AmplitudeEventTrack>
       </article>
       <p
         className={
           instructionVar[deviceType]
         }>{`문제가 지속적으로 발생하거나 문의사항이 있다면\n아래 ‘문의하기’를 이용해 주세요`}</p>
-      <a
-        id="chat-channel-button"
-        href="http://pf.kakao.com/_sxaIWG"
-        target="_blank"
-        rel="noreferrer noopener"
-        className={contactButtonVar[deviceType]}
-        onClick={() => track('click-error-ask')}>
-        문의하기
-      </a>
+      <AmplitudeEventTrack eventName="click-error-ask">
+        <a
+          id="chat-channel-button"
+          href="http://pf.kakao.com/_sxaIWG"
+          target="_blank"
+          rel="noreferrer noopener"
+          className={contactButtonVar[deviceType]}>
+          문의하기
+        </a>
+      </AmplitudeEventTrack>
     </section>
   );
 };
diff --git a/src/views/MyPage/index.tsx b/src/views/MyPage/index.tsx
index 3d1a8399..d2c7235a 100644
--- a/src/views/MyPage/index.tsx
+++ b/src/views/MyPage/index.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { lazy } from 'react';
 
 import Button from '@components/Button';
@@ -39,12 +38,7 @@ const StatusButton = ({ label, to, trackingEvent }: { label: string; to: string;
   return (
     <li className={buttonValue}>
       <span className={infoLabelVar[deviceType]}>{label}</span>
-      <Button
-        isLink
-        to={to}
-        className={buttonWidthVar[deviceType]}
-        onClick={() => track(trackingEvent)}
-        padding="15x25">
+      <Button isLink to={to} className={buttonWidthVar[deviceType]} eventName={trackingEvent} padding="15x25">
         {label === '지원서' ? '지원서 확인' : '결과 확인'}
       </Button>
     </li>
diff --git a/src/views/PasswordPage/components/PasswordForm/index.tsx b/src/views/PasswordPage/components/PasswordForm/index.tsx
index 63506f85..a5750a99 100644
--- a/src/views/PasswordPage/components/PasswordForm/index.tsx
+++ b/src/views/PasswordPage/components/PasswordForm/index.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { lazy } from 'react';
 import { FormProvider, useForm, type FieldValues } from 'react-hook-form';
 
@@ -76,7 +75,7 @@ const PasswordForm = () => {
                 isLoading={changePasswordIsPending}
                 type="submit"
                 style={{ marginTop: 30 }}
-                onClick={() => track('click-password-password')}>
+                eventName="click-password-password">
                 저장하기
               </Button>
             </>
diff --git a/src/views/ResultPage/components/FinalResult.tsx b/src/views/ResultPage/components/FinalResult.tsx
index 0424de81..66a8b001 100644
--- a/src/views/ResultPage/components/FinalResult.tsx
+++ b/src/views/ResultPage/components/FinalResult.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { format } from 'date-fns/format';
 import { ko } from 'date-fns/locale/ko';
 import { useEffect } from 'react';
@@ -23,6 +22,7 @@ import IconMakersLogo from '../assets/IconMakersLogo';
 import imgSoptLogo from '../assets/imgSoptLogo.png';
 import imgSoptLogoWebp from '../assets/imgSoptLogo.webp';
 import useGetFinalResult from '../hooks/useGetFinalResult';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 const Content = ({ pass }: { pass?: boolean }) => {
   const { deviceType } = useDeviceType();
@@ -56,14 +56,15 @@ const Content = ({ pass }: { pass?: boolean }) => {
             `}
           </span>
           <span>{`( 구글폼 : `}</span>
-          <a
-            className={link}
-            href={`https://${import.meta.env.VITE_FINAL_PASS_LINK}`}
-            target="_blank"
-            rel="noreferrer noopener"
-            onClick={() => track('click-final-google_form')}>
-            {`https://${deviceType !== 'DESK' ? '\n' : ''}${import.meta.env.VITE_FINAL_PASS_LINK}`}
-          </a>
+          <AmplitudeEventTrack eventName="click-final-google_form">
+            <a
+              className={link}
+              href={`https://${import.meta.env.VITE_FINAL_PASS_LINK}`}
+              target="_blank"
+              rel="noreferrer noopener">
+              {`https://${deviceType !== 'DESK' ? '\n' : ''}${import.meta.env.VITE_FINAL_PASS_LINK}`}
+            </a>
+          </AmplitudeEventTrack>
           <span>{` )\n`}</span>
           <br />
           <span>
diff --git a/src/views/ResultPage/components/ScreeningResult.tsx b/src/views/ResultPage/components/ScreeningResult.tsx
index fdbeab74..11bf8394 100644
--- a/src/views/ResultPage/components/ScreeningResult.tsx
+++ b/src/views/ResultPage/components/ScreeningResult.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { format } from 'date-fns/format';
 import { ko } from 'date-fns/locale/ko';
 import { useEffect } from 'react';
@@ -23,6 +22,7 @@ import IconMakersLogo from '../assets/IconMakersLogo';
 import imgSoptLogo from '../assets/imgSoptLogo.png';
 import imgSoptLogoWebp from '../assets/imgSoptLogo.webp';
 import useGetScreeningResult from '../hooks/useGetScreeningResult';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 const Content = ({ pass }: { pass?: boolean }) => {
   const { deviceType } = useDeviceType();
@@ -63,14 +63,15 @@ const Content = ({ pass }: { pass?: boolean }) => {
             `}
           </span>
           <span>{`( 구글폼 : `}</span>
-          <a
-            className={link}
-            href={`https://${import.meta.env.VITE_SCREENING_PASS_LINK}`}
-            target="_blank"
-            rel="noreferrer noopener"
-            onClick={() => track('click-screening-google_form')}>
-            {`https://${deviceType !== 'DESK' ? '\n' : ''}${import.meta.env.VITE_SCREENING_PASS_LINK}`}
-          </a>
+          <AmplitudeEventTrack eventName="click-screening-google_form">
+            <a
+              className={link}
+              href={`https://${import.meta.env.VITE_SCREENING_PASS_LINK}`}
+              target="_blank"
+              rel="noreferrer noopener">
+              {`https://${deviceType !== 'DESK' ? '\n' : ''}${import.meta.env.VITE_SCREENING_PASS_LINK}`}
+            </a>
+          </AmplitudeEventTrack>
           <span>{` )\n`}</span>
           <br />
           <span>
diff --git a/src/views/SignInPage/components/SignInForm/index.tsx b/src/views/SignInPage/components/SignInForm/index.tsx
index e9aa0e59..d376c72e 100644
--- a/src/views/SignInPage/components/SignInForm/index.tsx
+++ b/src/views/SignInPage/components/SignInForm/index.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { type FieldValues, FormProvider, useForm } from 'react-hook-form';
 import { Link } from 'react-router-dom';
 
@@ -9,6 +8,7 @@ import { useRecruitingInfo } from 'contexts/RecruitingInfoProvider';
 import useMutateSignIn from 'views/SignInPage/hooks/useMutateSignIn';
 
 import { inputWrapper, newPasswordButton } from './style.css';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 const SignInForm = () => {
   const {
@@ -61,12 +61,14 @@ const SignInForm = () => {
           />
           <Description>
             <p>비밀번호를 잃어버리셨나요?</p>
-            <Link className={newPasswordButton} to="/password" onClick={() => track('click-signin-password')}>
-              비밀번호 재설정하기
-            </Link>
+            <AmplitudeEventTrack eventName="click-signin-password">
+              <Link className={newPasswordButton} to="/password">
+                비밀번호 재설정하기
+              </Link>
+            </AmplitudeEventTrack>
           </Description>
         </TextBox>
-        <Button isLoading={signInIsPending} type="submit" onClick={() => track('click-signin-signin')}>
+        <Button isLoading={signInIsPending} type="submit" eventName="click-signin-signin">
           로그인
         </Button>
       </form>
diff --git a/src/views/SignInPage/components/SignInInfo/index.tsx b/src/views/SignInPage/components/SignInInfo/index.tsx
index 05dafa53..80f6ff0f 100644
--- a/src/views/SignInPage/components/SignInInfo/index.tsx
+++ b/src/views/SignInPage/components/SignInInfo/index.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { Link } from 'react-router-dom';
 
 import Callout from '@components/Callout';
@@ -7,6 +6,7 @@ import { useDeviceType } from 'contexts/DeviceTypeProvider';
 import { useRecruitingInfo } from 'contexts/RecruitingInfoProvider';
 
 import { calloutButtonVar } from './style.css';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 const SignInInfo = () => {
   const { deviceType } = useDeviceType();
@@ -21,9 +21,11 @@ const SignInInfo = () => {
       </Title>
       <Callout
         Button={
-          <Link to="/sign-up" className={calloutButtonVar[deviceType]} onClick={() => track('click-signin-signup')}>
-            새 지원서 작성하기
-          </Link>
+          <AmplitudeEventTrack eventName="click-signin-signup">
+            <Link to="/sign-up" className={calloutButtonVar[deviceType]}>
+              새 지원서 작성하기
+            </Link>
+          </AmplitudeEventTrack>
         }>
         <p>
           {season}기 {isMakers ? '' : group} 지원서 작성이 처음이라면 ‘새 지원서 작성하기’를 진행해주세요. 이전에
diff --git a/src/views/SignupPage/components/SignupForm/index.tsx b/src/views/SignupPage/components/SignupForm/index.tsx
index d505ccf2..d5f96de4 100644
--- a/src/views/SignupPage/components/SignupForm/index.tsx
+++ b/src/views/SignupPage/components/SignupForm/index.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { lazy, useEffect } from 'react';
 import { type FieldValues, FormProvider, useForm } from 'react-hook-form';
 
@@ -101,11 +100,7 @@ const SignupForm = () => {
             </Checkbox>
             <Contentbox>{PRIVACY_POLICY}</Contentbox>
           </div>
-          <Button
-            isLoading={signUpIsPending}
-            type="submit"
-            style={{ marginTop: 30 }}
-            onClick={() => track('click-signup-apply')}>
+          <Button isLoading={signUpIsPending} type="submit" style={{ marginTop: 30 }} eventName="click-signup-apply">
             지원서 작성하기
           </Button>
         </form>
diff --git a/src/views/dialogs/SessionExpiredDialog/index.tsx b/src/views/dialogs/SessionExpiredDialog/index.tsx
index 0b4addc6..824a2f4b 100644
--- a/src/views/dialogs/SessionExpiredDialog/index.tsx
+++ b/src/views/dialogs/SessionExpiredDialog/index.tsx
@@ -1,10 +1,10 @@
-import { track } from '@amplitude/analytics-browser';
 import { forwardRef, type KeyboardEvent } from 'react';
 
 import Dialog from '@components/Dialog';
 import { useDeviceType } from 'contexts/DeviceTypeProvider';
 
 import { buttonInside, buttonOutside, buttonOutsideVar, buttonWrapperVar, mainTextVar, subTextVar } from '../style.css';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 const SessionExpiredDialog = forwardRef<HTMLDialogElement>((_, ref) => {
   const { deviceType } = useDeviceType();
@@ -14,7 +14,6 @@ const SessionExpiredDialog = forwardRef<HTMLDialogElement>((_, ref) => {
   };
 
   const handleLogout = () => {
-    track('click-session-okay');
     localStorage.removeItem('soptApplyAccessToken');
     localStorage.removeItem('soptApplyAccessTokenExpiredTime');
     if (window.location.pathname === '/') {
@@ -31,9 +30,11 @@ const SessionExpiredDialog = forwardRef<HTMLDialogElement>((_, ref) => {
       <form
         method="dialog"
         className={`${buttonWrapperVar[deviceType]} ${buttonOutside.solid} ${buttonOutsideVar[deviceType]}`}>
-        <button className={buttonInside.solid} onClick={handleLogout}>
-          확인
-        </button>
+        <AmplitudeEventTrack eventName="click-session-okay">
+          <button className={buttonInside.solid} onClick={handleLogout}>
+            확인
+          </button>
+        </AmplitudeEventTrack>
       </form>
     </Dialog>
   );
diff --git a/src/views/dialogs/SubmitDialog/index.tsx b/src/views/dialogs/SubmitDialog/index.tsx
index 2f3a686c..70bc26dc 100644
--- a/src/views/dialogs/SubmitDialog/index.tsx
+++ b/src/views/dialogs/SubmitDialog/index.tsx
@@ -1,4 +1,3 @@
-import { track } from '@amplitude/analytics-browser';
 import { type ChangeEvent, forwardRef, useState } from 'react';
 
 import Dialog from '@components/Dialog';
@@ -16,6 +15,7 @@ import {
   infoWrapperVar,
 } from './style.css';
 import { buttonInside, buttonOutside, buttonOutsideVar, buttonWrapperVar, mainTextVar, subTextVar } from '../style.css';
+import AmplitudeEventTrack from '@components/Button/AmplitudeEventTrack';
 
 const MyInfoItem = ({
   deviceType,
@@ -82,14 +82,18 @@ const SubmitDialog = forwardRef<HTMLDialogElement, SubmitDialogProps>(
             method="dialog"
             className={`${dataIsPending ? buttonOutside.disabled : buttonOutside.line} ${buttonOutsideVar[deviceType]}`}
             onSubmit={() => setIsChecked(false)}>
-            <button className={buttonInside.line} disabled={dataIsPending} onClick={() => track('click-apply-cancel')}>
-              {dataIsPending ? <ButtonLoading width={48} height={18} /> : '검토하기'}
-            </button>
+            <AmplitudeEventTrack eventName="click-apply-cancel">
+              <button className={buttonInside.line} disabled={dataIsPending}>
+                {dataIsPending ? <ButtonLoading width={48} height={18} /> : '검토하기'}
+              </button>
+            </AmplitudeEventTrack>
           </form>
           <div className={`${buttonOutside[!isChecked ? 'disabled' : 'solid']} ${buttonOutsideVar[deviceType]}`}>
-            <button className={buttonInside.solid} onClick={onSendData} disabled={!isChecked || dataIsPending}>
-              {dataIsPending ? <ButtonLoading width={48} height={18} /> : '제출하기'}
-            </button>
+            <AmplitudeEventTrack eventName="click-apply-confirm_submit">
+              <button className={buttonInside.solid} onClick={onSendData} disabled={!isChecked || dataIsPending}>
+                {dataIsPending ? <ButtonLoading width={48} height={18} /> : '제출하기'}
+              </button>
+            </AmplitudeEventTrack>
           </div>
         </div>
       </Dialog>