diff --git a/src/views/MainPage/components/ActivityReview/ActivityReview.tsx b/src/views/MainPage/components/ActivityReview/ActivityReview.tsx index 0e4b5113..3882d013 100644 --- a/src/views/MainPage/components/ActivityReview/ActivityReview.tsx +++ b/src/views/MainPage/components/ActivityReview/ActivityReview.tsx @@ -1,3 +1,4 @@ +import { track } from '@amplitude/analytics-browser'; import Image from 'next/image'; import Link from 'next/link'; import { ReactComponent as ArrowLeft } from '@src/assets/icons/arrow_left_28x28.svg'; @@ -34,7 +35,11 @@ export function ActivityReview() {
{reviews.data.map((review) => ( - + track('click_main_review_detail')} + >

{review.title}

@@ -57,7 +62,7 @@ export function ActivityReview() {
- + track('click_main_review_more')}>

활동후기 더보기

diff --git a/src/views/MainPage/components/DetailedInformation/DetailedInformation.tsx b/src/views/MainPage/components/DetailedInformation/DetailedInformation.tsx index 51443dde..8e78dc43 100644 --- a/src/views/MainPage/components/DetailedInformation/DetailedInformation.tsx +++ b/src/views/MainPage/components/DetailedInformation/DetailedInformation.tsx @@ -1,3 +1,4 @@ +import { track } from '@amplitude/analytics-browser'; import Image from 'next/image'; import { useRouter } from 'next/router'; import ArrowRight from '@src/assets/icons/arrow_right_grey.svg'; @@ -24,12 +25,15 @@ export function DetailedInformation() { const handleClickItem = (name: string) => { switch (name) { case '프로젝트': + track('click_main_project'); router.push('/project'); break; case 'FAQ': + track('click_main_faq'); router.push('/FAQ'); break; case 'Youtube': + track('click_main_youtube'); window.open('https://www.youtube.com/c/SOPTMEDIA'); break; default: diff --git a/src/views/ProjectPage/components/project/ProjectCard.tsx b/src/views/ProjectPage/components/project/ProjectCard.tsx index afabd6ec..53df4819 100644 --- a/src/views/ProjectPage/components/project/ProjectCard.tsx +++ b/src/views/ProjectPage/components/project/ProjectCard.tsx @@ -1,3 +1,4 @@ +import { track } from '@amplitude/analytics-browser'; import styled from '@emotion/styled'; import Image from 'next/image'; import Link from 'next/link'; @@ -15,7 +16,7 @@ import styles from './project-card.module.scss'; export function ProjectCard({ project }: { project: ProjectType }) { return ( - + track('click_project_detail')}>
{RepresentativeImageRender(project.name, project.logoImage, project?.thumbnailImage)}
diff --git a/src/views/ReviewPage/components/Content/index.tsx b/src/views/ReviewPage/components/Content/index.tsx index 0dd00c5c..1687b56d 100644 --- a/src/views/ReviewPage/components/Content/index.tsx +++ b/src/views/ReviewPage/components/Content/index.tsx @@ -1,5 +1,5 @@ -import { useState } from 'react'; import { ExtraPart, PartExtraType } from '@src/lib/types/universal'; +import { useState } from 'react'; import Reviews from '../Reviews'; import TabBar from '../TabBar'; diff --git a/src/views/ReviewPage/components/Reviews/index.tsx b/src/views/ReviewPage/components/Reviews/index.tsx index 98271e1b..14fb9762 100644 --- a/src/views/ReviewPage/components/Reviews/index.tsx +++ b/src/views/ReviewPage/components/Reviews/index.tsx @@ -1,3 +1,4 @@ +import { track } from '@amplitude/analytics-browser'; import { useMemo } from 'react'; import { useIsMobile } from '@src/hooks/useDevice'; import { ExtraPart } from '@src/lib/types/universal'; @@ -21,7 +22,12 @@ const Reviews = ({ selectedTab }: ReviewsProps) => { <> {reviews.data.map((review, idx) => ( - + track('click_review_detail')} + >