Integrasi Widget Intercom, LiveChat & Zendesk

Dukung tim layanan pelanggan dan penjualan Anda dengan menyisipkan tautan pemutaran ulang sesi langsung ke widget percakapan langsung favorit Anda.

1. Cara Kerja Integrasi

Saat pengunjung menghubungi tim dukungan melalui widget percakapan di situs, agen dukungan sering kesulitan memahami pengalaman pengguna. Meminta tangkapan layar atau langkah reproduksi dari pelanggan menciptakan hambatan dan memperlambat penyelesaian.

Jembatan Metadata Percakapan MousePlayer mengatasinya dengan menjalankan pemantau latar belakang otomatis (initChatMetadataBridge) di dalam browser. Setelah diaktifkan, skrip pelacakan mendeteksi apakah Intercom, LiveChat, atau Zendesk ada pada halaman dan otomatis menyisipkan atribut kustom berisi URL pemutaran langsung satu klik (mouseplayer_session_url) ke metadata sesi percakapan.

Tanpa Latensi & Percobaan Ulang Otomatis: Karena widget percakapan langsung sering dimuat secara asinkron setelah halaman dimuat, MousePlayer otomatis memeriksa ulang ketersediaan widget setiap 3 detik untuk memastikan tautan sesi dilampirkan tanpa kondisi balapan.

2. Cara Mengaktifkan Integrasi

Anda dapat mengaktifkan jembatan percakapan langsung melalui sakelar dasbor tanpa kode atau secara manual melalui objek konfigurasi JavaScript.

Metode A: Aktivasi Tanpa Kode melalui Dasbor (Direkomendasikan)

  1. Masuk ke akun MousePlayer Anda dan buka Situs Anda.
  2. Klik tombol Pengaturan / Integrasi di sebelah domain tujuan.
  3. Di modal Integrasi, alihkan Aktifkan Jembatan Metadata Percakapan Langsung ke ON.
  4. Pilih penyedia Anda (Intercom, LiveChat, atau Zendesk) dan klik Simpan Pengaturan. Perubahan langsung berlaku untuk semua pengguna aktif.

Metode B: Konfigurasi Skrip Manual

Jika Anda memasang MousePlayer langsung dalam kode tanpa pemuat konfigurasi jarak jauh, kirim chat_bridge_active: true di dalam objek window.mp_config Anda:

<!-- 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. Aliran Data Teknis per Penyedia

Bergantung pada perangkat lunak percakapan Anda, MousePlayer memanggil metode SDK khusus penyedia untuk mengaitkan URL pemutaran ulang aktif:

Penyedia Percakapan Metode JavaScript yang Dijalankan Kunci Metadata yang Disisipkan
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. Tampilan pada Antarmuka Agen

Setelah diaktifkan, agen dukungan akan melihat tautan langsung ke sesi aktif di dasbor agen setiap kali pengguna memulai percakapan.

1. Tampilan Kotak Masuk Intercom

Saat agen membuka percakapan di Intercom, tautan muncul pada bilah samping kanan di panel Data Pengguna / Atribut Kustom. Agen dapat mengeklik URL untuk langsung membuka pemutaran ulang teater MousePlayer pada tab browser baru.

2. Aplikasi Agen LiveChat

Di aplikasi agen LiveChat, buka bilah samping kanan jendela percakapan aktif dan perluas bagian Detail → Variabel Kustom. Variabel mouseplayer_session_url ditampilkan sebagai hyperlink yang dapat diklik.

3. Ruang Kerja Agen Zendesk

Di Ruang Kerja Agen Zendesk, lihat panel Konteks Pelanggan / Informasi Pengguna di sisi kanan tampilan tiket. Tautan metadata tercantum pada kolom profil kustom pengguna, sehingga penjelajahan bersama langsung dan debugging dapat segera dilakukan.

Semua merek dagang yang disebutkan di sini adalah milik pemiliknya masing-masing. MousePlayer tidak memiliki hubungan bisnis dengan penyedia ini.