본문 바로가기

IT 공부/vue

Vue - AmplitudeLogCall

728x90

window.AmplitudeLogCall은 Vue 프로젝트에서 Amplitude 분석 이벤트를 로깅하기 위해 전역 window 객체에 추가된 커스텀 함수입니다.

Amplitude란?

Amplitude는 사용자 행동 분석을 위한 제품 분석 플랫폼입니다. 웹/앱에서 사용자의 행동을 추적하고 분석할 수 있게 해줍니다.

window.AmplitudeLogCall의 역할

이 함수는 보통 다음과 같은 용도로 사용됩니다:

// 일반적인 사용 예시
window.AmplitudeLogCall('Button Clicked', {
  buttonName: 'Submit',
  page: 'Login'
});

Vue에서의 구현 패턴

보통 다음과 같이 구현됩니다:

// main.js 또는 별도의 amplitude.js 파일에서
import amplitude from 'amplitude-js';

// Amplitude 초기화
amplitude.getInstance().init('YOUR_API_KEY');

// 전역 함수 등록
window.AmplitudeLogCall = (eventName, eventProperties) => {
  amplitude.getInstance().logEvent(eventName, eventProperties);
};

사용 목적

  • 이벤트 추적: 버튼 클릭, 페이지 뷰, 사용자 행동 등을 기록
  • 전역 접근성: Vue 컴포넌트 어디서든 쉽게 호출 가능
  • 일관된 로깅: 프로젝트 전체에서 통일된 방식으로 분석 이벤트 기록

이 함수가 정의되어 있지 않다면, 프로젝트에서 Amplitude를 아직 설정하지 않았거나 다른 이름으로 구현되어 있을 수 있습니다.

728x90
반응형

'IT 공부 > vue' 카테고리의 다른 글

Vue - _ 언더스코어 lodash  (0) 2025.11.18
Vue - Lodash _.isEmpty  (0) 2025.11.13
Vue - action 배열 처리  (0) 2025.11.13
vue 자식 부모관계 컴포넌트명 규칙  (0) 2025.11.12
Vue3 의 자동 컴포넌트 등록 규칙  (0) 2025.10.31