Astro를 위한 분석

Astro를 위한 제품 분석

레이아웃에 스크립트 태그 하나만 넣으면 Astro 사이트에 페이지뷰, 이벤트, 세션 리플레이, 히트맵이 추가됩니다 — 아일랜드, 하이드레이션, 백엔드 설정이 필요 없습니다.

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

왜 중요한가

Astro 팀이 마침내 볼 수 있는 것

정적 사이트는 인사이트가 부족합니다

Astro는 빠른 정적 페이지를 제공하지만, 여전히 방문자가 무엇을 하는지 알아야 합니다. PulsePanda는 페이지 속도 저하 없이 분석을 추가합니다.

참여도에 대한 데이터 없음

히트맵과 스크롤 맵은 방문자가 콘텐츠 페이지를 얼마나 읽고 무엇을 클릭하는지 보여줍니다.

전환이 블랙박스입니다

CTA와 폼에서 커스텀 이벤트를 추적하여 방문부터 가입까지 퍼널을 구축하세요.

설정

Astro에 PulsePanda 추가하기

스니펫을 추가하세요 <head> 기본 레이아웃의 위치로, 그것을 사용하는 모든 페이지에 SDK가 포함되도록 합니다.

Astro — src/layouts/Layout.astro

---
// src/layouts/Layout.astro
---
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <slot />
  </body>
</html>

Astro View Transitions를 사용하더라도 SDK는 History API 변경을 수신하므로 각 내비게이션을 계속 추적합니다.

워크플로

설치에서 인사이트까지

스니펫 설치

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

중요한 것을 추적하세요

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

데이터로 행동하기

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

제공 내용

스니펫 하나로 전체 그림을

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

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

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

자주 묻는 질문

Astro 관련 질문

PulsePanda가 Astro 사이트를 느리게 하나요?

아니요. 스크립트는 지연되어 콘텐츠 이후에 로드되므로, 렌더링을 차단하거나 Lighthouse 점수를 해치지 않습니다.

Astro View Transitions와 함께 작동하나요?

예. SDK는 History API 내비게이션을 추적하므로, 클라이언트 측 전환이 페이지뷰로 집계됩니다.

정적(SSG) Astro 사이트에서 사용할 수 있나요?

예. 스니펫은 완전히 클라이언트 측이므로, 정적, SSR 또는 하이브리드 Astro 빌드에서 동일하게 작동합니다.

더 살펴보기

Astro 앱에 분석 추가하기

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

무료로 시작하기