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 リクエストを送信します。
リクエストには、識別用の HTTP ヘッダーも含まれます: User-Agent: MousePlayer-Webhook/2.0 と X-MousePlayer-Event: <event_type>。
4. Zapier、Make.com、Slack の接続方法
MousePlayer のワークスペースは、2分足らずでノーコード自動化プラットフォームに接続できます。
Zapier 連携
- Zapier で新しい Zap を作成し、 Webhooks by Zapier をトリガーアプリに選択します。
- トリガーイベントとして Catch Hook を選択し、生成された Webhook URL をコピーします。
- MousePlayer のダッシュボードの プロパティ → 設定で、Webhook 欄に URL を貼り付け、必要なトリガーを選択して保存します。
- Zap をテストして受信 JSON のフィールドを確認し、
session_urlを Slack のメッセージ、Trello のカード、HubSpot の商談へ対応付けます。
Make.com(Integromat)連携
- Make のシナリオに、新しいモジュールを追加します: Webhook → カスタム Webhook。
- 新しい Webhook を作成し、エンドポイント URL をコピーして、MousePlayer の連携設定に貼り付けます。
- サイト上でテストイベントを発生させると、Make.com が JSON のデータ構造を自動判定できます。
Slack への直接通知チャネル
Slack の Incoming Webhook URL を直接貼り付けることもできます。Zapier や Make と組み合わせると、VIP 顧客がフリクションに遭遇したとき、クリック可能な再生ボタン付きの通知を Slack で直ちに受け取れます。
記載されている商標はすべて各所有者に帰属します。MousePlayer とこれらのプロバイダーとの間に取引関係はありません。