자바스크립트 SDK용 Ampli

Ampli 래퍼는 Amplitude 데이터의 추적 계획을 기반으로 분석 이벤트를 추적하기 위해 생성되고 강력하게 유형화된 API입니다. 추적 라이브러리는 팀의 추적 계획에 있는 모든 이벤트에 대한 함수를 제공합니다. 함수의 인수는 이벤트의 속성에 해당합니다.

Ampli는 데이터에 정의된 이벤트와 속성에 대한 자동 완성을 제공하며, 잘못된 계측을 방지하기 위해 코드에서 이벤트 스키마를 적용합니다.

Amplitude 데이터는 JavaScript(ES6 이상) 및 TypeScript(2.1 이상)로 작성된 브라우저 앱의 분석 이벤트 추적을 지원합니다. Ampli는 생성된 추적 라이브러리를 CJS 모듈로 패키징합니다.

빠른 시작

1. (전제 조건) Amplitude 데이터에 추적 계획 생성

   Amplitude 데이터에서 이벤트와 속성을 계획하십시오.

2. Amplitude SDK 설치

npm install amplitude-js@^8.21.0

2. Ampli CLI 설치

npm install -g @amplitude/ampli

3. Ampli 래퍼를 프로젝트에 가져오십시오

ampli pull [--path ./src/ampli]

4. Ampli 래퍼 초기화

import { ampli } from "./src/ampli";
ampli.load({ client: { apiKey: AMPLITUDE_API_KEY } });

5. 사용자 식별 및 사용자 속성 설정

ampli.identify("user-id", {
  userProp: "A trait associated with this user",
});

6. 강력하게 유형화된 메소드 및 클래스를 사용하여 이벤트 추적

ampli.songPlayed({ songId: 'song-1' });
ampli.track(new SongPlayed({ songId: 'song-2' });

7. 애플리케이션 종료 전 이벤트 플러시

ampli.flush();

8. CLI를 사용하여 구축 상태 확인

ampli status [--update]

Amplitude SDK 설치

아직 설치하지 않은 경우 핵심 Amplitude SDK 의존성을 설치하십시오.

npm install amplitude-js@^8.21.0

Ampli CLI 설치

Ampli CLI는 Homebrew 또는 NPM에서 설치할 수 있습니다.

brew tap amplitude/ampli
brew install ampli

Ampli 래퍼를 프로젝트에 가져오십시오

Ampli CLI pull 명령을 실행하여 Amplitude 데이터에 로그인하고 추적 계획에 맞게 강력한 형식의 Ampli 래퍼를 다운로드하십시오. 프로젝트 루트 디렉토리에서 Ampli CLI 명령을 실행하십시오.

ampli pull

API

Ampli는 편리한 메서드를 제공하는 Amplitude SDK 위에 얇은 퍼사드를 생성합니다. 또한 Ampli 래퍼는 ampli.client를 통해 기본 Amplitude SDK의 모든 메서드에 대한 액세스를 허용합니다. 자세한 내용은 Amplitude SDK 래핑을 참조하십시오.

로드

코드에서 Ampli를 초기화하십시오. load() 함수는 SDK의 동작을 구성하기 위해 옵션 객체를 필요로 합니다.

Identify

앱에서 사용자를 식별하고 향후 발생할 모든 이벤트를 해당 사용자의 ID와 연관시키거나 해당 속성을 설정하기 위해 identify()을 호출하십시오.

Ampli 래퍼는 이벤트와 해당 속성에 대한 타입을 생성하는 것과 마찬가지로 사용자 속성에 대한 타입을 생성합니다.

identify() 함수는 선택 사항인 userId, 선택 사항인 사용자 속성 및 선택 사항인 options을(를) 허용합니다.

예를 들어 추적 계획에 role라는 사용자 속성이 포함되어 있습니다. 속성의 유형은 문자열입니다.

ampli.identify("user-id", {
  role: "admin",
});

options 인수를 사용하면 이 호출에 대해 Amplitude 필드를 전달할 수 있습니다(예: deviceId).

ampli.identify(
  "user-id",
  {
    role: "admin",
  },
  {
    deviceId: "my-device-id",
  },
);

그룹

사용자를 해당 그룹(예: 해당 부서 또는 회사)과 연결하기 위해 setGroup()을 호출합니다. setGroup() 함수는 필수 groupType 및 groupName을 받아들입니다.

ampli.setGroup("groupType", "groupName");

Amplitude는 사용자를 그룹에 할당하고 해당 그룹에 대해 고유 사용자별 수행 회수가와 같은 쿼리를 수행하는 것을 지원합니다. 그룹 구성원 중 적어도 한 명이 특정 이벤트를 수행한 경우 해당 그룹도 수행 회수가에 포함됩니다.

예를 들어 orgId를 사용하여 사용자가 속한 조직에 따라 사용자를 그룹화하려는 경우가 있습니다. Joe는 orgId 10에 속하고, Sue는 orgId 15에 속합니다. Sue와 Joe는 둘 다 특정 이벤트를 수행합니다. 이벤트 세분화 차트에서 해당 조직을 쿼리할 수 있습니다.

그룹을 설정할 때 groupType 및 groupName를 정의하십시오. 이전 예제에서 orgId은 이고 groupType 이며 10은 groupName에 대한 값입니다15. 또 다른 groupType의 예로는 tennis 및 baseball와 같은 groupName 값을 가진 sport가 있을 수 있습니다.

또한 그룹을 설정하면 groupType:groupName가 사용자 속성으로 설정되고, 해당 사용자의 groupType에 설정된 기존 groupName값(해당 사용자 속성 값 포함)을 모두 덮어씁니다. groupType는 문자열입니다. groupName는 사용자가 여러 그룹에 속해 있음을 나타내는 문자열 또는 문자열 배열일 수 있습니다. 예를 들어, Joe가 orgId 10와 20에 있으면 groupName는 [10, 20]입니다.

코드는 다음과 같을 수 있습니다.

ampli.setGroup("orgId", ["10", "20"]);

추적

이벤트를 추적하려면 이벤트에 해당하는 함수를 호출하십시오. 추적 계획의 모든 이벤트는 Ampli 래퍼에서 고유한 함수를 갖습니다. 이 호출은 다음과 같이 구성됩니다.

ampli.eventName(properties: EventNameProperties, options: EventOptions, extra: MiddlewareExtra)

properties인수는 이벤트 속성을 전달합니다.

options 인수를 사용하면 price, quantity, revenue와 같은 Amplitude 필드를 전달할 수 있습니다.

예를 들어 다음 코드에서 추적 계획에는 songPlayed이라는 이벤트가 포함되어 있습니다. 이벤트에는 두 가지 필수 속성이 있습니다. songId 및 songFavorited. songId의 속성 유형은 문자열이며 songFavorited 부울입니다. 이 이벤트는 또한 Amplitude 필드 deviceId를 정의합니다. 자세한 내용은 Amplitude 필드를 참조하십시오.

ampli.songPlayed(
  {
    songId: "songId", // string,
    songFavorited: true, // boolean
  },
  {
    deviceId: "a-device-id",
  },
  {
    myMiddleware: { myMiddlewareProp: "value to send to middleware" },
  },
);

또한 Ampli는 각 이벤트에 대한 클래스를 생성합니다.

const myEventObject = new SongPlayed({
  songId: "songId", // string,
  songFavorited: true, // boolean
});

Amplitrack를 사용하여 이벤트 객체 추적:

ampli.track(
  new SongPlayed({
    songId: "songId", // string,
    songFavorited: true, // boolean
  }),
);

플러시

Ampli 래퍼는 이벤트를 대기열에 넣고 구성에 따라 간격으로 이벤트를 전송합니다.

보류 중인 전체 이벤트를 즉시 전송하려면 flush()를 호출하십시오. 이 flush() 메서드는 계속하기 전에 보류 중인 모든 이벤트가 전송되도록 보장하는 데 사용할 수 있는 promise를 반환합니다. 애플리케이션을 종료하기 전에 flush()를 호출하십시오.

ampli.flush();

Ampli CLI

풀(Pull)

pull 명령은 Ampli 래퍼 코드를 프로젝트에 다운로드합니다. 프로젝트 루트에서 pull 명령을 실행합니다.

ampli pull

메시지가 나타나면 작업공간에 로그인하고 소스를 선택합니다.

➜ ampli pull
Ampli project is not initialized. No existing `ampli.json` configuration found.
? Create a new Ampli project here? Yes
? Organization: Amplitude
? Workspace: My Workspace
? Source: My Source

자세한 내용은 ampli pull을 참조하십시오.

상태

status 명령을 사용하여 이벤트가 코드에 있는지 확인합니다.

ampli status [--update]

출력에는 상태가 표시되고 누락된 이벤트가 표시됩니다.

➜ ampli status
✘ Verifying event tracking implementation in source code
 ✔ Song Played (1 location)
 ✘ Song Stopped Called when a user stops playing a song.
Events Tracked: 1 missed, 2 total

자세한 내용은 ampli status을 참조하십시오.