デザインが勘で出荷される
ヒートマップは訪問者が実際にどこをクリックし、どこまでスクロールするかを示すため、レイアウトの判断をデータで裏付けられます。
なぜ重要なのか
Webflow チームがついに見られるもの
CTA が静かに低迷
ボタンやフォームのイベントを追跡してランディングからコンバージョンまでのファネルを構築し、訪問者がどこで離脱するかを正確に把握しましょう。
実際の訪問を確認できない
セッションリプレイで個々のセッションを確認でき、指標だけでは説明できない混乱を理解できます。
セットアップ
PulsePanda を 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() を呼び出して、イベント、セッション、フィードバックを各ユーザーに紐づけます。
データに基づいて行動する
ファネルを構築し、離脱の背後にあるリプレイを確認し、ヒートマップを読み、プロダクト内フィードバックを収集できます — すべて1つのワークスペースで。
得られるもの
1つのスニペットで全体像を把握
| 分析レイヤー | ページビュー、カスタムイベント、コンバージョンファネル、リテンション。 |
|---|---|
| 行動レイヤー | セッションリプレイ、クリックとスクロールのヒートマップ、エラーコンテキスト。 |
| フィードバックレイヤー | プロダクト内アンケート、フィードバックウィジェット、フォーム、機能投票ボード。 |
よくある質問
Webflow に関する質問
Webflow でスニペットをどこに追加しますか？
Project Settings → Custom Code → Head Code の中。その後、公開済みの Webflow サイトのすべてのページで読み込まれます。
Webflow の無料プランはカスタムコードに対応していますか？
サイト全体のカスタムヘッドコードには有料のサイトプランが必要です。無料プランでは、個別のページでページ単位のカスタムコードをテストできます。
フォーム送信を追跡できますか？
はい。PulsePanda はクリックを自動キャプチャし、Webflow のフォーム送信時にカスタムイベントを発火させてコンバージョンファネルを構築できます。
関連ページ
もっと見る
Webflow アプリに分析を追加
一度インストールするだけで、数分で分析、セッションリプレイ、ヒートマップ、ファネル、フィードバックを接続できます。
無料で始める