Zapier、Make.com & 受信用 Webhook

重要な UX イベントが発生するたびに、リアルタイムの HTTP POST JSON ペイロードを5,000を超える外部アプリに送り、業務のワークフローを自動化します。

1. アーキテクチャ & ノンブロッキングの配信処理

この MousePlayer Webhook 連携ブリッジ により、独自の API コードを書かずに、セッション録画とコンバージョンイベントを、Zapier、Make.com、n8n、Slack、HubSpot などの既存の業務自動化ツールに組み込めます。

高性能なテレメトリー記録を維持するため、サーバーのアーキテクチャは、データベースへの取り込みと外部 HTTP リクエストを分離しています。自動トリガーが発火すると、ペイロードを非同期の Redis キュー(queue:webhooks)に追加し、独立したバックグラウンドデーモン(cron_webhooks.php)が処理します。これにより、サイト訪問者への遅延の影響がないことを保証します。

信頼性の保証: バックグラウンドの配信処理は、厳格なタイムアウト(接続1,000 ms/読み取り3,000 ms)と自動再試行規則を適用します。外部の第三者の Webhook が停止していても、サーバーの性能を維持できます。

2. 対応するイベントトリガー

自動化用エンドポイントへ HTTP POST ペイロードを送るイベントを、正確に選択できます。

  • rage_click • 訪問者が不満を感じ、壊れた UI 要素や反応のない UI 要素を素早く繰り返しクリックすると、直ちに送信します。
  • error_detected • フロントエンドの JavaScript 障害や、未処理の Promise 拒否を取得すると送信します。
  • ce (カスタムコンバージョン)• 標準の E コマースイベント( purchase や add_to_cartなど)、または独自の見込み客獲得フォームが実行されると送信します。

3. JSON ペイロードのスキーマ(HTTP POST)

選択したトリガーが発火するたびに、MousePlayer は標準化した JSON 本文とカスタムヘッダーを持つ HTTP POST リクエストを送信します。

// Example HTTP POST Payload Sent to Your Webhook URL { "timestamp": "2026-08-01T13:45:00+02:00", "event_type": "rage_click", "channel_id": "YOUR_CHANNEL_ID", "session_id": "s_987654321_1722512700", "session_url": "https://app.mouseplayer.com/player?id=YOUR_CHANNEL_ID&session=s_987654321_1722512700", "parameters": { "target": "button.btn-checkout-submit", "count": 5 } }

リクエストには、識別用の HTTP ヘッダーも含まれます: User-Agent: MousePlayer-Webhook/2.0 と X-MousePlayer-Event: <event_type>。

4. Zapier、Make.com、Slack の接続方法

MousePlayer のワークスペースは、2分足らずでノーコード自動化プラットフォームに接続できます。

Zapier 連携

  1. Zapier で新しい Zap を作成し、 Webhooks by Zapier をトリガーアプリに選択します。
  2. トリガーイベントとして Catch Hook を選択し、生成された Webhook URL をコピーします。
  3. MousePlayer のダッシュボードの プロパティ → 設定で、Webhook 欄に URL を貼り付け、必要なトリガーを選択して保存します。
  4. Zap をテストして受信 JSON のフィールドを確認し、 session_url を Slack のメッセージ、Trello のカード、HubSpot の商談へ対応付けます。

Make.com(Integromat)連携

  1. Make のシナリオに、新しいモジュールを追加します: Webhook → カスタム Webhook。
  2. 新しい Webhook を作成し、エンドポイント URL をコピーして、MousePlayer の連携設定に貼り付けます。
  3. サイト上でテストイベントを発生させると、Make.com が JSON のデータ構造を自動判定できます。

Slack への直接通知チャネル

Slack の Incoming Webhook URL を直接貼り付けることもできます。Zapier や Make と組み合わせると、VIP 顧客がフリクションに遭遇したとき、クリック可能な再生ボタン付きの通知を Slack で直ちに受け取れます。

記載されている商標はすべて各所有者に帰属します。MousePlayer とこれらのプロバイダーとの間に取引関係はありません。