이 페이지에서

엔지니어를 위한 빠른 시작

For engineers implementing Amplitude15 minIntermediate

이 빠른 시작 가이드는 Amplitude를 처음 구현하는 엔지니어를 위한 것입니다. 다음 단계에 따라 브라우저 SDK를 설치하고, 이벤트가 프로젝트에 수집되는지 확인한 다음, 첫 번째 기능 플래그를 배포하십시오.

자동화된 설정을 원하시나요? 프로젝트 디렉토리에서 npx @amplitude/wizard(을)를 실행합니다. Amplitude Wizard CLI는 사용자의 프레임워크를 감지하고, 맞춤 이벤트를 제안하며, SDK를 자동으로 계측합니다.

You'll set up

Before you start

  • Amplitude 계정과 프로젝트 API 키 — 계정이 없는 경우 프로젝트 만들기로 이동하십시오.

  • 제품의 코드베이스에 대한 액세스(스택에 따라 프런트엔드 또는 백엔드).

  • Amplitude 조직의 멤버, 개발자 또는 관리자 역할.

팀에서 추적할 내용을 아직 결정하지 못하고 있다면 코드를 작성하기 전에 먼저 계측 예비 작업으로 이동하여 추적 계획을 조정하십시오.

  1. 설치

    브라우저 SDK 추가

    SDK 브라우저는 데이터를 Amplitude로 전송하는 가장 빠른 방법입니다. 스크립트 태그 또는 npm 패키지를 사용하여 이를 사이트에 추가한 다음, 프로젝트 API 키를 사용하여 초기화하십시오.

    html
    <script type="text/javascript">
      !function(){"use strict";...}();
      amplitude.init('YOUR_API_KEY');
    </script>
    

    Amplitude는 계정을 처음 생성할 때 프로젝트 설정에서 사전 구성된 스니펫과 AI 프롬프트를 제공합니다. 프로젝트 설정으로 이동하여 해당 지역의 코드 조각을 복사합니다.

    초기화 후, 첫 번째 사용자 지정 이벤트를 전송하기 위해 amplitude.track('Event Name', { property: 'value' })(을)를 호출하십시오.

  2. 캡처

    자동 캡처 활성화

    자동 캡처는 전체 수동 이벤트 호출 없이 클릭, 페이지 조회수, 세션, 양식 상호 작용, 파일 다운로드 및 마케팅 속성을 추적합니다. 초기화 중에 autocapture: true(을)를 전달하여 자동 캡처를 활성화합니다.

    js
    amplitude.init("YOUR_API_KEY", { autocapture: true });
    

    Amplitude 프로젝트의 라이브 이벤트 보기를 확인하여 이벤트가 도착하는지 확인하십시오. 자동 캡처가 처리하는 동작에 대해 추가 추적 코드를 추가할 필요가 없습니다.

    자동 캡처는 광범위한 행동 데이터를 캡처하는 데 가장 적합합니다. 구매, 업그레이드 및 주요 기능 사용과 같은 비즈니스 핵심 작업의 경우 명시적 amplitude.track() 호출을 추가하여 해당 이벤트가 올바른 속성을 갖도록 하십시오.

  3. 실험

    기능 플래그 실행

    기능 실험을 사용하면 코드를 배포하지 않고도 일부 사용자에게 변경 사항을 롤아웃할 수 있습니다. Amplitude UI에서 플래그를 생성하고, SDK를 코드베이스에 추가하고, 런타임에 플래그 값을 확인하십시오.

    js
    const variant = experiment.variant("my-flag");
    if (variant.value === "treatment") {
      // show new feature
    }
    

    타겟팅 규칙, 점진적 롤아웃 및 플래그 정리에 대한 전체 설명을 보려면 기능 플래그 롤아웃으로 이동하십시오.

다음 단계

이 내용이 도움이 되었나요?