データベースは成功だけを記録する
誰かがフォームを完了すると1行が追加されます。しかし、開いた末に諦めた人はまったく痕跡を残しません。そして通常、そちらのほうが人数は多いのです。
なぜ重要なのか
誰かがフォームを完了すると1行が追加されます。しかし、開いた末に諦めた人はまったく痕跡を残しません。そして通常、そちらのほうが人数は多いのです。
Livewire は通信を通じてページの一部を差し替えるため、複数ステップの導線が1回のページビューに見えてしまうことがあります。イベント計測なら、各ステップを発生時点で記録できます。
これらはエラートラッカーには届かないため、登録の半数を弾いている入力項目が何か月も壊れたままになりえます。リプレイなら、弾かれた試行そのものを画面で確認できます。
セットアップ
メインの Blade レイアウトの head にタグを追加します。それを継承するすべてのビューが対象となり、Livewire や Inertia のページも含まれます。
resources/views/layouts/app.blade.php
{{-- resources/views/layouts/app.blade.php --}}
<head>
<meta charset="utf-8">
<script
src="https://pulsepanda.dev/sdk.js"
data-project="{{ config('services.pulsepanda.project') }}"
defer></script>
</head>プロジェクト ID はハードコードせず .env に置き、config() 経由で読み込んでください。ステージングと本番のデータが混ざらずに済みます。
ワークフロー
Blade レイアウトに一度スクリプトを追加すれば、それを継承するすべてのビューが対象になります。
主要なアクションでは pulsepanda.track() を、ログイン後には pulsepanda.identify() を呼び出して、イベント、セッション、フィードバックを各ユーザーに紐づけます。
ファネルを構築し、離脱の背後にあるリプレイを確認し、ヒートマップを読み、プロダクト内フィードバックを収集できます — すべて1つのワークスペースで。
得られるもの
| 分析レイヤー | ページビュー、カスタムイベント、コンバージョンファネル、リテンション。 |
|---|---|
| 行動レイヤー | セッションリプレイ、クリックとスクロールのヒートマップ、エラーコンテキスト。 |
| フィードバックレイヤー | プロダクト内アンケート、フィードバックウィジェット、フォーム、機能投票ボード。 |
よくある質問
はい。スクリプトはレイアウト側にあるため、Livewire の更新後も残ります。URL が変わらないステップについては、イベントリスナーから track() を呼んで記録してください。
はい。ログイン後に認証済みユーザーの ID を渡して identify() を呼べば、すべてのイベント・セッション・フィードバックがそのアカウントに紐づきます。
いいえ。それらが見ているのはサーバー側です。こちらはブラウザ側を見ているため、答える問いが異なります。コードが何をしたのか、そして画面の前の人が何を体験したのか、です。
関連ページ
一度インストールするだけで、数分で分析、セッションリプレイ、ヒートマップ、ファネル、フィードバックを接続できます。
無料で始める