Integratie met Intercom-, LiveChat- & Zendesk-widgets

Help uw support- en verkoopteams door links naar live sessie-opnamen rechtstreeks aan uw favoriete livechatwidgets toe te voegen.

1. Hoe de integratie werkt

Wanneer een bezoeker via een chatwidget op de site contact opneemt met uw supportteam, is het voor medewerkers vaak lastig te begrijpen wat de gebruiker ervaart. Klanten om schermafbeeldingen of stappen voor het reproduceren vragen, veroorzaakt frictie en vertraagt de oplossing.

De MousePlayer-koppeling voor chatmetadata lost dit op met een automatische achtergrondcontrole (initChatMetadataBridge) in de browser. Na activering detecteert het trackingscript of Intercom, LiveChatof Zendesk op de pagina aanwezig is en voegt het automatisch een aangepast attribuut met de directe afspeel-URL voor één klik (mouseplayer_session_url) toe aan de metadata van de chatsessie.

Geen extra latentie & automatisch opnieuw proberen: Omdat livechatwidgets vaak pas na het laden van de pagina asynchroon laden, controleert MousePlayer elke 3 seconden opnieuw of de widget beschikbaar is. Zo worden sessielinks zonder racecondities toegevoegd.

2. De integratie activeren

U kunt de livechatkoppeling inschakelen met de schakelaar in ons dashboard zonder code te schrijven, of handmatig via het JavaScript-configuratieobject.

Methode A: activeren via het dashboard, zonder code (aanbevolen)

  1. Log in op uw MousePlayer-account en ga naar Uw property’s.
  2. Klik op de knop Instellingen / Integraties naast het gewenste domein.
  3. Zet in het integratievenster Livechatkoppeling voor metadata inschakelen op ON.
  4. Selecteer uw aanbieder (Intercom, LiveChat of Zendesk) en klik op Instellingen opslaan. De wijziging geldt direct voor alle actieve gebruikers.

Methode B: handmatige scriptconfiguratie

Als u MousePlayer rechtstreeks in de code opneemt zonder de externe configuratielader, geeft u chat_bridge_active: true mee in uw window.mp_config object:

<!-- 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. Technische gegevensstroom per aanbieder

Afhankelijk van uw chatsoftware roept MousePlayer de SDK-methode van de aanbieder aan om de actieve afspeel-URL te koppelen:

Chataanbieder Uitgevoerde JavaScript-methode Toegevoegde metadatasleutel
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. Hoe het eruitziet in de interface voor medewerkers

Na activering zien supportmedewerkers een directe link naar de live sessie in hun dashboard zodra een gebruiker een gesprek begint.

1. Inboxweergave van Intercom

Wanneer een medewerker een gesprek in Intercom opent, verschijnt de link rechts in de zijbalk in het paneel Gebruikersgegevens / Aangepaste attributen . Medewerkers kunnen op de URL klikken om de opname direct in de theatermodus van MousePlayer in een nieuw browsertabblad af te spelen.

2. LiveChat-app voor medewerkers

Ga in de LiveChat-app voor medewerkers naar de rechterzijbalk van het actieve chatvenster en open het onderdeel Details → Aangepaste variabelen . De variabele mouseplayer_session_url wordt als aanklikbare hyperlink weergegeven.

3. Zendesk Agent Workspace

Bekijk in Zendesk Agent Workspace het paneel Klantcontext / Gebruikersinformatie rechts in de ticketweergave. De metadatalink staat bij de aangepaste profielvelden van de gebruiker, zodat u direct live kunt meekijken en fouten kunt onderzoeken.

Alle genoemde handelsmerken zijn eigendom van hun respectieve eigenaren. MousePlayer heeft geen zakelijke relatie met deze aanbieders.