Інтеграція віджетів Intercom, LiveChat & Zendesk

Допоможіть командам підтримки й продажів, додаючи посилання на відтворення живих сеансів безпосередньо до ваших улюблених віджетів чату.

1. Як працює інтеграція

Коли відвідувач звертається до підтримки через віджет чату на сайті, працівникам часто важко зрозуміти, що саме бачить користувач. Прохання надіслати знімки екрана чи кроки відтворення створює тертя й затримує розв’язання проблеми.

Цей міст метаданих чату MousePlayer розв’язує проблему автоматичним фоновим спостерігачем (initChatMetadataBridge) у браузері. Після ввімкнення скрипт відстеження перевіряє, чи є на сторінці Intercom, LiveChat або Zendesk, і автоматично додає до метаданих сеансу чату власний атрибут із прямим URL відтворення за 1 клік (mouseplayer_session_url).

Без затримки & з автоматичними повторними спробами: Оскільки віджети чату часто завантажуються асинхронно після завантаження сторінки, MousePlayer автоматично перевіряє їхню наявність кожні 3 секунди, щоб додавати посилання на сеанси без станів гонитви.

2. Як увімкнути інтеграцію

Міст чату можна ввімкнути перемикачем на панелі показників без написання коду або вручну через об’єкт конфігурації JavaScript.

Спосіб A: увімкнення через панель показників без коду (рекомендовано)

  1. Увійдіть у свій обліковий запис MousePlayer і перейдіть до розділу Ваші сайти.
  2. Натисніть кнопку Налаштування / Інтеграції поруч із потрібним доменом.
  3. У модальному вікні інтеграцій переведіть перемикач Увімкнути міст метаданих чату у стан ON.
  4. Виберіть постачальника (Intercom, LiveChat або Zendesk) і натисніть Зберегти налаштування. Зміна одразу набуде чинності для всіх активних користувачів.

Спосіб B: ручне налаштування скрипту

Якщо ви прописуєте MousePlayer у коді без завантажувача віддаленої конфігурації, передайте chat_bridge_active: true всередині об’єкта 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. Технічний потік даних за постачальниками

Залежно від вашого програмного забезпечення чату MousePlayer викликає відповідний метод SDK постачальника для прив’язування активного URL відтворення:

Постачальник чату Виконуваний метод JavaScript Доданий ключ метаданих
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. Як це виглядає в інтерфейсі працівника

Після ввімкнення працівники підтримки бачитимуть пряме посилання на живий сеанс у своїй панелі щоразу, коли користувач починає розмову.

1. Подання Intercom Inbox

Коли працівник відкриває розмову в Intercom, посилання з’являється на правій бічній панелі в розділі Дані користувача / Власні атрибути. Натискання URL одразу відкриває відтворення MousePlayer у театральному режимі в новій вкладці браузера.

2. Застосунок працівника LiveChat

У застосунку працівника LiveChat перейдіть до правої бічної панелі активного вікна чату й розгорніть розділ Відомості → Власні змінні. Змінна mouseplayer_session_url показується як клікабельне гіперпосилання.

3. Робочий простір працівника Zendesk

У робочому просторі працівника Zendesk знайдіть панель Контекст клієнта / Інформація про користувача праворуч у поданні заявки. Посилання метаданих розташоване серед власних полів профілю користувача й дає змогу миттєво почати спільний живий перегляд і налагодження.

Усі згадані тут торговельні марки належать їхнім відповідним власникам. MousePlayer не має ділових відносин із цими постачальниками.