Intercom, LiveChat & Zendesk Widget Integration

Verbessern Sie Ihren Kundensupport und Vertrieb, indem Sie Live-Session-Replay-Links direkt in Ihre bevorzugten Live-Chat-Widgets integrieren.

1. Wie die Integration funktioniert

Wenn ein Benutzer Ihr Support-Team über ein Chat-Widget kontaktiert, ist es für Support-Mitarbeiter oft schwierig, das Problem nachzuvollziehen. Kunden nach Screenshots oder einer genauen Problembeschreibung zu fragen, verzögert die Lösung erheblich.

Die MousePlayer Chat Metadata Bridge löst dieses Problem durch ein automatisiertes Hintergrundmodul (initChatMetadataBridge). Sobald es aktiviert ist, erkennt das Skript, ob Intercom, LiveChat oder Zendesk auf der Seite geladen wurde, und fügt den direkten 1-Klick-Wiedergabelink (mouseplayer_session_url) zu den Chat-Sitzungsmetadaten hinzu.

Keine Latenz & automatische Wiederholung: Da Live-Chat-Widgets oft asynchron geladen werden, prüft MousePlayer alle 3 Sekunden automatisch die Verfügbarkeit des Widgets, um sicherzustellen, dass der Sitzungs-Link zuverlässig angehängt wird.

2. So aktivieren Sie die Integration

Sie können die Live-Chat-Bridge entweder direkt über unser Dashboard aktivieren oder manuell im JavaScript-Konfigurationsobjekt einrichten.

Methode A: No-Code-Aktivierung über das Dashboard (Empfohlen)

  1. Loggen Sie sich in Ihr MousePlayer-Konto ein und öffnen Sie Your Properties.
  2. Klicken Sie auf die Schaltfläche Settings / Integrations neben Ihrer gewünschten Domain.
  3. Aktivieren Sie im Integrations-Modal den Schalter Enable Live Chat Metadata Bridge.
  4. Wählen Sie Ihren Anbieter aus (Intercom, LiveChat oder Zendesk) und klicken Sie auf Save Settings. Die Änderung ist sofort für alle aktiven Benutzer wirksam.

Methode B: Manuelle Skript-Konfiguration

Wenn Sie MousePlayer manuell im Code einbinden, fügen Sie chat_bridge_active: true in Ihr window.mp_config-Objekt ein:

<!-- MousePlayer SDK mit aktivierter Chat-Bridge --> <script> window.mp_config = { channel: 'IHRE_CHANNEL_ID', chat_bridge_active: true, chat_provider: 'intercom' // 'intercom', 'livechat' oder 'zendesk' }; </script>

3. Technischer Datenfluss nach Anbieter

Je nach erkannter Chat-Software ruft MousePlayer die spezifische SDK-Methode auf, um die Replay-URL an die Metadaten zu übergeben:

Chat-Plattform Ausgeführte JavaScript-Methode Injizierter Metadaten-Schlüssel
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. Ansicht in den Support-Agent-Interfaces

Sobald die Integration aktiv ist, sehen Support-Mitarbeiter direkt bei Beginn eines Chats einen anklickbaren Link zur jeweiligen Sitzung im Agent-Dashboard.

1. Intercom Inbox-Ansicht

Wenn ein Support-Mitarbeiter eine Konversation in Intercom öffnet, erscheint der Link in der rechten Seitenleiste unter dem Bereich User Data / Custom Attributes. Ein Klick auf die URL öffnet den MousePlayer Theatre-Player sofort in einem neuen Tab.

2. LiveChat Agent App

In der LiveChat-Agenten-App öffnen Sie die rechte Seitenleiste des aktiven Chats und klappen den Bereich Details → Custom Variables auf. Die Variable mouseplayer_session_url wird als anklickbarer Hyperlink angezeigt.

3. Zendesk Agent Workspace

Im Zendesk Agent Workspace befindet sich der Link im rechten Seitenbereich unter Customer Context / User Information. Die Metadaten-URL wird direkt unter den benutzerdefinierten Profilfeldern aufgelistet, was ein sofortiges Co-Browsing und Live-Debugging ermöglicht.

Alle genannten Marken gehören ihren jeweiligen Inhabern. MousePlayer steht in keiner geschäftlichen Verbindung zu diesen Anbietern.