모임 피드 쪽 광고 구좌 amplitude 추가

[j-nary]

🚩 관련 이슈

• close 모임에 있는 광고 구좌 앰플리튜드 로그 추가 #845

📋 작업 내용

• Click-banner 연결
• Impression-banner 연결

📌 PR Point

Amplitude 란?

• 제품 분석 도구
• 사용자 행동 추적 및 분석 → 제품 성능 향상
  • 사용자가 제품을 어떻게 사용하는가
  • 어떤 기능에 더 관심을 보이는가
  • 어떤 경로를 통해 전환이 이루어지는가

주요 기능

1. 이벤트 기반 분석
   • 사용자가 수행하는 다양한 행동을 이벤트로 정의 및 추적
   • ex. 버튼 클릭, 페이지 이동, 구매 등
2. 유저 세그멘테이션
   • 특정 조건에 맞는 사용자 그룹 설정 → 그룹 행동 따로 분석
   • ex. 특정 지역 사용자, 주기적으로 사용하는 사용자 등
3. 퍼널 분석
   • 사용자가 특정 목표를 달성하는 과정 단계별로 분석
   • 어느 단계에서 이탈하는지 파악 가능
4. 코호트 분석
   • 특정 기간동안 같은 행동을 한 사용자 그룹 추적
   • 행동 패턴 어떻게 변하는지 분석 가능
5. A/B 테스트와 실험
   • 다양한 사용자 경험 제공 → 어느 버전이 더 좋은 성과 내는지 실험

Amplitude Logging 이란?

• 사용자의 행동 데이터를 Amplitude에 전송하고 기록하는 과정
• 행동 데이터 로그로 기록

사용법

1. Amplitude 계정 생성

   • 계정 및 프로젝트 생성

     [Amplitude | Product Analytics & Event Tracking Platform](https://amplitude.com/)

   • 프로젝트 API 키 발급 → SDK 설정

2. Amplitude SDK 설치

   • SDK 설치

     yarn add @amplitude/analytics-browser

   • SDK 초기화

     import * as amplitude from '@amplitude/analytics-browser';
     
     // SDK 초기화
     amplitude.init('발급받은 API 키');

3. 이벤트 로깅 설정

   • 기본 이벤트 로깅

     const handleButtonClick = () => {
     	amplitude.track('Button Clicked', {
     		page: window.location.pathname,
     		timestamp: new Date().toISOString(),
     	);
     }

4. 사용자 식별

   • 사용자 식별을 위한 ID 설정

     amplitude.setUserId('USER_ID');

   • 프로필 정보도 추가적으로 설정 가능

     amplitude.identify({
     	email: '[email protected]',
     	name: 'Jnary',
     });

사용법 적용

• yarn add @amplitude/ampli

• yarn ampli pull 최신 스키마 가져오기

• src/ampli/index.ts 에 변경사항 반영됐나 확인

• [Crew Tracking Plan](https://www.notion.so/Crew-Tracking-Plan-e6fa18a6cfc14f1d83e612070c6393f9?pvs=21) 에서 필요한 이벤트 프로퍼티 확인

• 해당되는 곳에 onClick으로 적용

  <Link
    href={slide?.advertisementLink}
    target="_blank"
    onClick={() =>
      ampli.clickBanner({
        banner_id: slide.advertisementId,
        banner_url: slide.advertisementLink,
        banner_timestamp: slide.advertisementStartDate,
        user_id: Number(me?.orgId),
      })
    }
  >

📸 스크린샷

[height]

Link Height tasks by mentioning a task ID in the pull request title or commit messages, or description and comments with the keyword link (e.g. "Link T-123").

💡Tip: You can also use "Close T-X" to automatically close a task when the pull request is merged.

[ocahs9]

설명 진짜 자세하고 잘 정리 되어 있네요 🫢
체계적으로 정리 잘 되어 있어서 너무 좋았어요 !!
고생했슴다 이진 최고 👍

[ocahs9]

근데 혹시 이건 왜 추가해놓은건가요?

[j-nary]

앗 지운다는 걸 깜빡했네요! 노티 감사합니당 :)

[borimong]

굿!! 머지하면 될 것 같은데, yarn.lock 파일이 아마 충돌이 많이 날거야! 그럴 땐 한 쪽 사람의 yarn.lock 파일을 모두 선택하면 되는데.. 이건 이따 알려줄게!