Integration ng Intercom, LiveChat & Zendesk Widget

Tulungan ang inyong mga team sa customer support at sales sa pamamagitan ng paglalagay ng mga link ng replay ng live na session nang direkta sa mga paborito ninyong live chat widget.

1. Paano Gumagana ang Integration

Kapag kumontak ang bisita sa inyong support team gamit ang chat widget sa site, madalas mahirap maunawaan ng agent ang nararanasan ng user. Ang paghingi ng screenshot o mga hakbang upang ulitin ang problema ay lumilikha ng friction at nagpapabagal sa paglutas.

Nilulutas ito ng MousePlayer Chat Metadata Bridge sa pagpapatakbo ng awtomatikong background watcher (initChatMetadataBridge) sa browser. Kapag aktibo, nakikita ng tracking script kung may Intercom, LiveChat, o Zendesk sa pahina at awtomatikong naglalagay ng custom attribute na may direktang URL ng playback sa 1 click (mouseplayer_session_url) sa metadata ng chat session.

Walang Latency & Awtomatikong Muling Pagsubok: Dahil madalas asynchronous na naglo-load ang mga live chat widget matapos mag-load ang pahina, awtomatikong sinusuri muli ng MousePlayer ang widget tuwing 3 segundo upang mailakip ang mga link ng session nang walang race condition.

2. Paano I-activate ang Integration

Maaari ninyong paganahin ang live chat bridge gamit ang switch sa dashboard na walang code o manu-mano sa JavaScript configuration object.

Paraan A: Pag-activate sa Dashboard na Walang Code (Inirerekomenda)

  1. Mag-login sa inyong account ng MousePlayer at pumunta sa Inyong mga Site.
  2. I-click ang button na Mga Setting / Integration sa tabi ng nais na domain.
  3. Sa modal ng Mga Integration, itakda ang Paganahin ang Live Chat Metadata Bridge sa ON.
  4. Piliin ang inyong provider (Intercom, LiveChat o Zendesk) at i-click ang I-save ang mga Setting. Agad na nagkakabisa ang pagbabago sa lahat ng aktibong user.

Paraan B: Manu-manong Configuration ng Script

Kung nasa code ang MousePlayer at hindi gumagamit ng remote configuration loader, ipasa ang chat_bridge_active: true sa loob ng inyong object na window.mp_config:

<!-- MousePlayer SDK with Chat Bridge Enabled --> <script> window.mp_config = { channel: 'YOUR_CHANNEL_ID', chat_bridge_active: true, chat_provider: 'intercom' // 'intercom', 'livechat', or 'zendesk' }; </script>

3. Teknikal na Daloy ng Datos sa Bawat Provider

Ayon sa inyong chat software, tinatawag ng MousePlayer ang paraan ng SDK ng provider upang mailakip ang aktibong URL ng replay:

Chat Provider Pinapatakbong Paraan ng JavaScript Idinaragdag na Metadata Key
Intercom window.Intercom('update', { ... }) mouseplayer_session_url
LiveChat window.LiveChatWidget.call('set_session_variables', { ... }) mouseplayer_session_url
Zendesk window.zE('webWidget', 'identify', { ... }) mouseplayer_session_url

4. Ano ang Itsura sa Interface ng Agent

Kapag aktibo, makikita ng support agent ang direktang link sa live na session sa kanyang dashboard tuwing magsisimula ng usapan ang user.

1. Intercom Inbox View

Kapag binuksan ng agent ang usapan sa Intercom, nasa sidebar sa kanan ang link sa ilalim ng panel na Datos ng User / Mga Custom Attribute. Maaaring i-click ng agent ang URL upang agad na buksan ang MousePlayer Theatre replay sa bagong tab ng browser.

2. LiveChat Agent App

Sa application ng agent ng LiveChat, pumunta sa sidebar sa kanan ng aktibong chat window at palawakin ang seksiyong Mga Detalye → Mga Custom Variable. Ang variable na mouseplayer_session_url ay ipinapakita bilang naki-click na hyperlink.

3. Zendesk Agent Workspace

Sa Zendesk Agent Workspace, tingnan ang panel na Konteksto ng Customer / Impormasyon ng User sa kanan ng ticket view. Nasa mga custom na field ng profile ng user ang metadata link, upang agad na mag-co-browse at mag-debug nang live.

Ang lahat ng trademark dito ay pag-aari ng kani-kanilang may-ari. Walang ugnayang pangnegosyo ang MousePlayer sa mga provider na ito.