Webflow를 위한 분석

Webflow를 위한 분석 & 히트맵

Webflow 사이트에서 무엇이 효과적인지 알아보세요. PulsePanda는 한 줄의 커스텀 코드로 분석, 히트맵, 세션 리플레이를 추가하여 실제 데이터로 레이아웃과 CTA를 최적화할 수 있게 합니다.

왜 중요한가

Webflow 팀이 마침내 볼 수 있는 것

히트맵은 방문자가 실제로 어디를 클릭하고 얼마나 스크롤하는지 보여주어 레이아웃 결정이 데이터로 뒷받침됩니다.

버튼과 폼 이벤트를 추적하여 랜딩부터 전환까지 퍼널을 구축하고 방문자가 정확히 어디서 이탈하는지 확인하세요.

세션 리플레이를 통해 개별 세션을 보면서 어떤 지표로도 설명되지 않는 혼란을 이해할 수 있습니다.

설정

열기 Project Settings → Custom Code 그리고 스니펫을 붙여넣으세요 Head Code 박스에 넣은 후 게시하세요.

Webflow — Project Settings → Custom Code → Head

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

Head Code는 호스팅된 Webflow 도메인의 모든 페이지에 적용됩니다. 스니펫을 게시하려면 사이트를 다시 게시하세요.

워크플로

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

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

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

제공 내용

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

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

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

자주 묻는 질문

Project Settings → Custom Code → Head Code에서. 그러면 게시된 Webflow 사이트의 모든 페이지에 로드됩니다.

사이트 전체 커스텀 head 코드는 유료 사이트 플랜이 필요합니다. 무료 플랜에서는 개별 페이지에서 페이지별 커스텀 코드를 테스트할 수 있습니다.

예. PulsePanda는 클릭을 자동 캡처하며, Webflow 폼 제출에서 커스텀 이벤트를 발생시켜 전환 퍼널을 구축할 수 있습니다.

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