Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FE] amplitude tracking 코드 작성 #733

Merged
merged 13 commits into from
Oct 10, 2024
Merged

[FE] amplitude tracking 코드 작성 #733

merged 13 commits into from
Oct 10, 2024

Conversation

jinhokim98
Copy link
Contributor

issue

구현 사항

KPI 회의에 따라 결정된 지표를 추적하기 위해 amplitude track 코드를 삽입했습니다.

**추가 지표**
  • 활성 유저 o
    • 총 / 기간 별 활성 이벤트 개수
    • 총 / 기간 별 활성 이벤트 정산 금액
    • 지출내역 추가 시작부터 완료까지 체류시간
    • 참여자에서 관리자로 전환율
    • 링크 복사 초대 vs 카카오톡 초대 비율 (카카오 친구면 이미 행동대장 안쓸듯)
    • 행사 별 평균 참여자
    • 행사 별 평균 지출 갯수
    • 지출 내역 추가 사이의 시간 간격
  • 활성 유저 x
    • 처음 랜딩페이지에 진입한 사람이 이벤트 생성까지 완료한 비율 + 수
    • 진입 브라우저 (카카오, 슬랙, 인스타 등)
    • 진입점 (구글 검색, 블로그 등)

🫡 참고사항

@jinhokim98 jinhokim98 added this to the v2.1.0 milestone Oct 10, 2024
@jinhokim98 jinhokim98 self-assigned this Oct 10, 2024
@jinhokim98 jinhokim98 linked an issue Oct 10, 2024 that may be closed by this pull request
1 task
Copy link

@woowacourse-teams woowacourse-teams deleted a comment from github-actions bot Oct 10, 2024
@woowacourse-teams woowacourse-teams deleted a comment from github-actions bot Oct 10, 2024
Copy link

Copy link
Contributor

@soi-ha soi-ha left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

쿠키의 온몸비틀기 쇼 잘 봤슴댜! 쵝오

Copy link
Contributor

@Todari Todari left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

역시 대 쿠 이해력 만점....

@Todari Todari merged commit 897af5b into fe-dev Oct 10, 2024
2 checks passed
@Todari Todari deleted the feature/#717 branch October 10, 2024 09:09
@Todari Todari mentioned this pull request Oct 10, 2024
Todari added a commit that referenced this pull request Oct 10, 2024
* feat: amplitude 트래킹 코드 구현

Co-authored-by: JinHo Kim <[email protected]>

* chore: 불필요한 console.log제거

* feat: 이벤트 생성, 시작버튼 클릭, 지출내역 체류시간 track 함수 제작

* feat: track 코드에 진입 브라우저 프로퍼티 추가

* feat: 정산 시작하기 track 코드 추가

* feat: 이벤트 로더에서 총액 계산

* feat: 이벤트 초대 클릭 track 코드 추가

* feat: 지출내역 시작, 종료 tracking 코드 추가

* feat: 송금하기 tracking 코드 추가

* chore: 필요하지 않은 의존성 제거

* style: lint 맞춰줌

* fix: 개발 편의로 인한 sentry 주석 해제

---------

Co-authored-by: 이태훈 <[email protected]>
Co-authored-by: JinHo Kim <[email protected]>
Todari added a commit that referenced this pull request Oct 10, 2024
* feat: amplitude 트래킹 코드 구현

Co-authored-by: JinHo Kim <[email protected]>

* chore: 불필요한 console.log제거

* feat: 이벤트 생성, 시작버튼 클릭, 지출내역 체류시간 track 함수 제작

* feat: track 코드에 진입 브라우저 프로퍼티 추가

* feat: 정산 시작하기 track 코드 추가

* feat: 이벤트 로더에서 총액 계산

* feat: 이벤트 초대 클릭 track 코드 추가

* feat: 지출내역 시작, 종료 tracking 코드 추가

* feat: 송금하기 tracking 코드 추가

* chore: 필요하지 않은 의존성 제거

* style: lint 맞춰줌

* fix: 개발 편의로 인한 sentry 주석 해제

---------

Co-authored-by: 이태훈 <[email protected]>
Co-authored-by: JinHo Kim <[email protected]>
Todari added a commit that referenced this pull request Oct 10, 2024
* fix: 정산 초대하기에 누락된 margin 적용 (#682)

* refactor: 이벤트 페이지 api 호출 개선 (#686)

* refactor: event loader를 이용해서 이벤트에 필요한 정보 병렬적으로 데이터 불러옴

* refactor: 총 금액 업데이트 계산을 로더에서 제거

* feat: 토스 송금 기능 개선 (#688)

* test: prop 변경으로 스토리북 변경

* refactor: 클립보드 복사 후 토스 열기에서 토스 url스킴을 자세히 이용해 송금정보 자동 입력되도록 변경

* fix: 계좌번호 수정되지 않던 버그 해결 (#691)

* feat: staleTime, gcTime 설정 (#607)

* feat: 검색엔진 최적화를 위한 meta 태그 작성 (#696)

* chore: meta 태그 설정

* fix: 잘못 설정된 og:locale 태그 수정

* feat: TopNav 버튼 강조 및 계좌번호 접근 관련 (#697)

* feat: event login 페이지 제거

* feat: auth gate를 통해 관리자인지 체크할 수 있도록 변경

* feat: 관리자가 아니고 계좌번호가 입력되지 않았을 때, 정산자에게 문의를 하라는 토스트

* style: eventOutline -> event로 이름 변경

* refactor: 초대버튼의 역할을 외부로 분리해서 주입해주는 것으로 변경

* feat: 정산 초대 및 송금기능 타겟 환경에 따른 flow 개선 (#701)

* feat: 공유버튼 모바일과 데탑 분리

* feat: 송금버튼 새로운 반영사항 적용

* feat: 계좌번호 없을 때 금액 복사 기능 추가

* test: prop 변경으로 인한 스토리북 변경

* feat: 계좌번호 없을 때 금액 복사되는 onCopy 추가

* feat: 다나까 -> 요 체로 변경

* feat: 송금기능 페이지 이동으로 인해 memberId 추가

* feat: 송금 페이지 라우트

* feat: 송금하기 버튼을 눌렀을 때 navigate state로 정보 전달

* feat: 송금 방법(복사, 카카오페이, 토스) 제공

* feat: 아래 => 토스열기 명시적으로 변경

* feat: Banner 컴포넌트 생성

* feat: 세션스토리지 util 추가

* feat: 계좌번호 입력 유도 기능 구현

* feat: Flex div prop도 받도록 설정

* feat: 돌아가는 Chevron 컴포넌트 생성

* feat: 바깥 클릭 시 실행되는 컴포넌트 생성

* feat: Select 컴포넌트 제작

* feat: 요구사항 변경으로 인한 송금 플로우 변경

* feat: Select 컴포넌트 제작

* design: 텍스트 색깔 변경

* style: export 정리

* feat: 이벤트 별로 배너 상태 다르게 적용되도록 event token 인자 추가

* refactor: admin page 기능들 훅으로 분리

* feat: Footer 구현하기 (#709)

* fix: 토스 형식에 맞지 않는 은행이름 수정 (#713)

* feat: 멤버 추가할 때 버튼을 사용할 수 있도록 함 (#715)

* design: Button 컴포넌트에 Input의 height와 똑같은 크기의 semiLarge 사이즈 추가

* refactor: Flex컴포넌트의 스타일 추가 프롭을 otherStyle -> cssProp으로 이름 수정

* feat: emotion 에서 사용하는 css타입으로 Flex 컴포넌트의 스타일을 주입할 수 있도록 수정

* chore: Flex 컴포넌트의 프롭명이 달라짐에 따른 수정

* design: Input 컴포넌트가 width100%를 차지하도록 함

* feat: 멤버 추가 버튼을 클릭했을 때 멤버를 추가하도록 함수 구현

* feat: 멤버 스텝에 멤버 '추가'버튼을 추가하고 클릭되었을 때 실행할 로직 연결

* chore: props 이름 변경으로 인한 수정

* �fix: react-query 캐싱 적용으로 인해 발생한 버그 해결 (#716)

* fix: onSuccess에 currentMembers queryKey refetching 추가하기

* fix: 행사를 생성할 때 마다, queryKey event refetching 추가하기

* fix: 새로운 행사 생성시 기존(이전 행사)의 query 모두 제거

* fix: toast.error, toast.none이어도 모두 toast.confirm으로 출력되는 문제 (#720)

* chore: 사용하지 않고있는 변수 제거

* fix: 토스트 타입에 따라 다른 아이콘이 뜨도록 타입을 제대로 명시해서 넘겨줌

* feat: 사진 업로드 기능 (#723)

* fix: 기존에 잘못된 url 주소 변경

* feat: carousel 구현

* fix: api 요청 방법 변경

* fix: image post api 수정

* feat: image 불러오기 위한 기능 구현

* fix: 스크롤바가 보이지 않도록 변경

* design: Carousel 디자인 변경

* fix: 사진 추가 버튼 커스텀

* feat: images 불러오는 api 추가

* feat: Carousel component 구현 완료

* feat: 사진 추가 페이지 구현

* feat: 요청으로 불러오는 Images 타입 선언

* feat: 홈에서 이미지를 확인할 수 있는 기능 추가

* fix: 행사 생성 시 다른 query들 초기화하도록 변경

* fix: style이 제대로 적용되지 않던 문제 해결

* style: lint 적용

* fix: mock url 변경

* feat: imageDelete api 추가

* fix: service type 수정

* refactor: AddImagesPage 구조 변경 및 delete api 추가

* fix: 불필요한 z-index 제거₩

* fix: merge 충돌 해결

* feat: 초대하기를 링크 공유와 카카오톡을 선택할 수 있도록 변경 (#719)

* feat: 공유버튼 모바일과 데탑 분리

* feat: 송금버튼 새로운 반영사항 적용

* feat: 계좌번호 없을 때 금액 복사 기능 추가

* test: prop 변경으로 인한 스토리북 변경

* feat: 계좌번호 없을 때 금액 복사되는 onCopy 추가

* feat: 다나까 -> 요 체로 변경

* feat: 송금기능 페이지 이동으로 인해 memberId 추가

* feat: 송금 페이지 라우트

* feat: 송금하기 버튼을 눌렀을 때 navigate state로 정보 전달

* feat: 송금 방법(복사, 카카오페이, 토스) 제공

* feat: 아래 => 토스열기 명시적으로 변경

* feat: Banner 컴포넌트 생성

* feat: 세션스토리지 util 추가

* feat: 계좌번호 입력 유도 기능 구현

* feat: Flex div prop도 받도록 설정

* feat: 돌아가는 Chevron 컴포넌트 생성

* feat: 바깥 클릭 시 실행되는 컴포넌트 생성

* feat: Select 컴포넌트 제작

* feat: 요구사항 변경으로 인한 송금 플로우 변경

* feat: Select 컴포넌트 제작

* design: 텍스트 색깔 변경

* style: export 정리

* refactor: ClickOutsideDetector 사용

* feat: dropdown base 미트볼, 버튼 두 개 지원

* style: dropdown list z-index 추가

* feat: 드랍다운 버튼을 클릭할 때 드랍다운 리스트가 닫히는 기능 구현

* feat: 모바일에서 링크 초대와 카카오톡 초대 분리

* feat: 공유 메시지 변경

* feat: amplitude tracking 코드 작성 (#733)

* feat: amplitude 트래킹 코드 구현

Co-authored-by: JinHo Kim <[email protected]>

* chore: 불필요한 console.log제거

* feat: 이벤트 생성, 시작버튼 클릭, 지출내역 체류시간 track 함수 제작

* feat: track 코드에 진입 브라우저 프로퍼티 추가

* feat: 정산 시작하기 track 코드 추가

* feat: 이벤트 로더에서 총액 계산

* feat: 이벤트 초대 클릭 track 코드 추가

* feat: 지출내역 시작, 종료 tracking 코드 추가

* feat: 송금하기 tracking 코드 추가

* chore: 필요하지 않은 의존성 제거

* style: lint 맞춰줌

* fix: 개발 편의로 인한 sentry 주석 해제

---------

Co-authored-by: 이태훈 <[email protected]>
Co-authored-by: JinHo Kim <[email protected]>

* fix: 사진 추가한 후 다시 접속 시 반영이 되지 않는 버그 (#727)

* fix: post를 기다린 후 navigate시켜서 캐시 데이터가 remove 됨을 보장받도록 변경

* feat: 잘못 설정된 canSubmit, setIsPrevImageDeleted 변경

* feat: body 타입이 FormData인 경우 header를 삽입하지 않도록 함

* feat: images POST 요청을 requestPostWithoutResponse 함수를 이용하도록 함

* fix: get 메소드가 오류날 때, 무한 렌더링이 일어나는 문제 수정

---------

Co-authored-by: 이태훈 <[email protected]>
Co-authored-by: pakxe <[email protected]>

* fix: 송금에서 데스크탑 환경은 복사하기밖에 보이지 않도록 수정 (#735)

* feat: 데탑 기본 값을 복사하기로 변경

* fix: select box 클릭시 목록이 없어졌다가 생기는 오류 수정

* �fix: 이미지 추가 및 조회 기능에서 발생하는 버그 (#737)

* fix: 이미지 추가 페이지에서 발생하던 오류 수정

* design: 사진 추가하기 버튼 색상 변경

* fix: 사진이 없을 때, 홈에서 사진 조회를 할 수 없도록 변경

* fix: eventName에 따라 og태그가 변경되도록 수정 (#739)

* fix: meta tag 수정

* feat: 행사 이름에 따라 meta tag가 변경되도록 수정

* fix: EventPageLayout이 사용되지 않는 경우, 기존 meta 태그가 보이도록 변경

* fix: unmount시 기존의 태그로 변경되도록 적용

* style: lint 적용

---------

Co-authored-by: Soyeon Choe <[email protected]>
Co-authored-by: JinHo Kim <[email protected]>
Co-authored-by: Pakxe <[email protected]>
Co-authored-by: JinHo Kim <[email protected]>
Co-authored-by: pakxe <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: ✅ Done
Development

Successfully merging this pull request may close these issues.

[FE] amplitude tracking 코드 작성
3 participants