Angular를 위한 분석

Angular를 위한 제품 분석

스크립트 태그 하나로 Angular 앱에 이벤트, 퍼널, 세션 리플레이, 히트맵 등 완전한 제품 분석을 제공하고, Angular Router 내비게이션을 자동으로 추적하세요.

무료로 시작하기 설치 가이드

왜 중요한가

Angular 팀이 마침내 볼 수 있는 것

라우터 뷰가 누락됩니다

Angular Router는 페이지 새로고침 없이 이동합니다. PulsePanda는 각 라우트 변경을 집계하여 분석을 정확하게 유지합니다.

기능 사용 데이터 없음

커스텀 이벤트를 추적하여 출시한 컴포넌트와 플로우의 도입을 측정하세요.

재현하기 어려운 버그

세션 리플레이는 렌더링된 DOM과 콘솔 오류를 캡처하므로 무엇이 깨졌는지 확인할 수 있습니다.

설정

Angular에 PulsePanda 추가하기

스니펫을 추가하세요 <head> 위치 src/index.html — Angular이 제공하는 단일 HTML 셸입니다.

Angular — src/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <base href="/" />
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <app-root></app-root>
  </body>
</html>

호출하세요 pulsepanda.track() 서비스나 컴포넌트에서 퍼널과 기능 도입을 위한 커스텀 이벤트를 기록하세요.

워크플로

설치에서 인사이트까지

스니펫 설치

Angular 프로젝트에 스크립트를 한 번만 추가하세요. 웹 분석, 자동 캡처 클릭, 세션 리플레이, 히트맵이 즉시 수집을 시작합니다.

중요한 것을 추적하세요

호출하세요 pulsepanda.track() 주요 액션에서 그리고 pulsepanda.identify() 로그인 후 이벤트, 세션, 피드백을 각 사용자와 연결하세요.

데이터로 행동하기

퍼널을 구축하고, 이탈 뒤의 리플레이를 보고, 히트맵을 읽고, 제품 내 피드백을 수집하세요 — 모두 하나의 워크스페이스에서.

제공 내용

스니펫 하나로 전체 그림을

분석 레이어페이지뷰, 커스텀 이벤트, 전환 퍼널, 그리고 리텐션.

행동 레이어세션 리플레이, 클릭 및 스크롤 히트맵, 그리고 오류 맥락.

피드백 레이어제품 내 설문, 피드백 위젯, 폼, 그리고 기능 투표 보드.

자주 묻는 질문

Angular 관련 질문

PulsePanda가 Angular Router 내비게이션을 추적하나요?

예. SDK는 History API 변경을 후킹하므로, 각 Angular Router 라우트 전환이 자동으로 페이지뷰로 기록됩니다.

Angular에서 스니펫을 어디에 추가하나요?

src/index.html의 <head>에서. Angular는 그 단일 셸을 제공하므로 SDK가 전체 앱에 로드됩니다.

서비스에서 PulsePanda를 호출할 수 있나요?

예. 전역 pulsepanda 객체는 브라우저에서 사용할 수 있습니다. 모든 서비스나 컴포넌트에서 pulsepanda.track() 또는 identify()를 호출하세요.

더 살펴보기

Angular 앱에 분석 추가하기

한 번 설치하고 몇 분 만에 분석, 세션 리플레이, 히트맵, 퍼널, 피드백을 연결하세요.

무료로 시작하기