Zapier、Make.com & 传入 Webhook

关键 UX 事件发生时,将实时 HTTP POST JSON 载荷发送至 5,000 多个外部应用,实现业务工作流程自动化。

1. 架构 & 非阻塞分发器

此 MousePlayer Webhook 桥接 可将会话录制与转化事件集成到现有业务自动化工具(如 Zapier、Make.com、n8n、Slack 或 HubSpot),无需编写自定义 API 代码。

为确保高性能遥测录制,服务器架构将数据库接入与外部 HTTP 请求解耦。自动触发器触发时,载荷被放入异步 Redis 队列(queue:webhooks),由独立后台守护进程(cron_webhooks.php)处理。这保证不会对网站访客产生延迟影响。

可靠性保障: 后台分发器执行严格超时(连接 1,000 毫秒 / 读取 3,000 毫秒)与自动重试规则,即使外部第三方 Webhook 停机,也确保服务器维持性能。

2. 支持的事件触发器

可精确选择哪些事件应向自动化端点发送 HTTP POST 载荷:

  • rage_click • 访客因受挫而快速点击失效或无响应的 UI 元素时立即发送。
  • error_detected • 捕获前端 JavaScript 崩溃或未处理的 Promise 拒绝时发送。
  • ce (自定义转化)• 标准电商事件(如 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 工作区连接到无代码自动化平台,不到两分钟即可完成:

Zapier 集成

  1. 在 Zapier 中新建 Zap,选择 Webhooks by Zapier 作为触发应用。
  2. 选择 Catch Hook 作为触发事件,复制生成的 Webhook URL。
  3. 在 MousePlayer 仪表板的 您的媒体资源 → 设置下,将 URL 粘贴到 Webhook 字段,选择所需触发器并保存。
  4. 测试 Zap,检查传入的 JSON 字段,并将 session_url 映射到 Slack 消息、Trello 卡片或 HubSpot 交易中。

Make.com(Integromat)集成

  1. 在 Make 场景中添加新模块: Webhooks → Custom webhook。
  2. 新建 Webhook,复制端点 URL,并粘贴到 MousePlayer 集成设置中。
  3. 在网站触发测试事件,使 Make.com 自动识别 JSON 数据结构。

直接 Slack 通知频道

也可直接粘贴 Slack Incoming Webhook URL。结合 Zapier 或 Make,团队便可在 VIP 客户遇到摩擦时,即时接收带可点击回放按钮的 Slack 提醒。

此处提及的所有商标均属于各自所有者。MousePlayer 与这些提供商不存在商业关系。