Framer를 위한 분석

Framer를 위한 분석 & 히트맵

방문자가 Framer 사이트와 어떻게 상호작용하는지 확인하세요. PulsePanda는 하나의 커스텀 코드 스니펫으로 분석, 히트맵, 세션 리플레이를 추가하여 증거를 바탕으로 디자인을 다듬을 수 있게 합니다.

왜 중요한가

Framer 팀이 마침내 볼 수 있는 것

아름다운 Framer 사이트도 무엇이 전환되는지에 대한 증거가 필요합니다. 히트맵과 리플레이는 방문자가 실제로 무엇을 하는지 보여줍니다.

CTA와 폼 이벤트를 추적하여 퍼널을 구축하고 방문자가 이탈하는 단계를 찾으세요.

세션 리플레이를 통해 실제 방문을 보면서 망설임과 혼란을 이해할 수 있습니다.

설정

열기 Site Settings → General → Custom Code 그리고 스니펫을 붙여넣으세요 Start of <head> tag 박스에 넣은 후 게시하세요.

Framer — Site Settings → Custom Code → Start of <head>

<script
  src="https://pulsepanda.dev/sdk.js"
  data-project="YOUR_PROJECT_ID"
  defer></script>

커스텀 코드는 게시된 Framer 사이트 전체에 적용됩니다. 스니펫을 적용하려면 다시 게시하세요.

워크플로

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

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

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

제공 내용

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

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

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

자주 묻는 질문

Site Settings → General → Custom Code의 "Start of <head> tag" 필드에서. 게시된 사이트의 모든 페이지에 로드됩니다.

커스텀 코드는 유료 Framer 사이트 플랜이 필요합니다. 사용 가능해지면 head 섹션에 스니펫을 붙여넣고 게시하세요.

예. PulsePanda는 클릭을 자동 캡처하고 커스텀 이벤트를 지원하므로, 방문부터 가입 또는 구매까지 퍼널을 구축할 수 있습니다.

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