Intégration des widgets Intercom, LiveChat & Zendesk
Donner à vos équipes d’assistance et de vente un accès direct aux relectures de session en direct dans vos widgets de chat préférés.
1. Fonctionnement de l’intégration
Lorsqu’un visiteur contacte votre assistance via un widget de chat sur le site, les agents ont souvent du mal à comprendre ce qu’il rencontre. Demander des captures d’écran ou des étapes de reproduction crée de la friction et retarde la résolution.
La passerelle de métadonnées de chat MousePlayer résout ce problème en exécutant automatiquement une surveillance en arrière-plan (initChatMetadataBridge) dans le navigateur. Une fois activé, le script de suivi détecte la présence d’Intercom, LiveChatou Zendesk sur la page et insère automatiquement un attribut personnalisé contenant l’URL directe de relecture en un clic (mouseplayer_session_url) dans les métadonnées de la session de chat.
Sans latence & nouvelles tentatives automatiques : Comme les widgets de chat se chargent souvent de manière asynchrone après la page, MousePlayer vérifie automatiquement leur disponibilité toutes les 3 secondes pour associer les liens de session sans conflit d’exécution.
2. Activer l’intégration
Vous pouvez activer la passerelle de chat depuis le commutateur sans code de notre tableau de bord ou manuellement via l’objet de configuration JavaScript.
Méthode A : activation sans code depuis le tableau de bord (recommandée)
- Connectez-vous à votre compte MousePlayer et accédez à Vos propriétés.
- Cliquez sur le bouton Paramètres / Intégrations à côté du domaine concerné.
- Dans la fenêtre des intégrations, faites passer Activer la passerelle de métadonnées de chat en direct à
ON. - Sélectionnez votre fournisseur (Intercom, LiveChat ou Zendesk), puis cliquez sur Enregistrer les paramètres. La modification s’applique instantanément à tous les utilisateurs actifs.
Méthode B : configuration manuelle du script
Si vous intégrez MousePlayer directement dans le code sans le chargeur de configuration distante, transmettez chat_bridge_active: true dans votre objet window.mp_config de configuration :
3. Flux de données technique par fournisseur
Selon votre logiciel de chat, MousePlayer appelle la méthode du SDK propre au fournisseur pour associer l’URL de relecture active :
| Fournisseur de chat | Méthode JavaScript exécutée | Clé de métadonnées insérée |
|---|---|---|
| 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. Affichage dans les interfaces des agents
Une fois l’intégration activée, les agents voient un lien direct vers la session en direct dans leur tableau de bord chaque fois qu’un utilisateur commence une conversation.
1. Vue de la boîte de réception Intercom
Lorsqu’un agent ouvre une conversation dans Intercom, le lien apparaît dans la barre latérale droite, dans le volet Données utilisateur / Attributs personnalisés . Les agents peuvent cliquer sur l’URL pour ouvrir immédiatement la relecture MousePlayer en mode cinéma dans un nouvel onglet du navigateur.
2. Application des agents LiveChat
Dans l’application des agents LiveChat, accédez à la barre latérale droite de la fenêtre de chat active et développez la section Détails → Variables personnalisées . La variable mouseplayer_session_url apparaît sous forme de lien cliquable.
3. Espace de travail des agents Zendesk
Dans l’espace de travail des agents Zendesk, consultez le panneau Contexte client / Informations utilisateur à droite de la vue du ticket. Le lien de métadonnées figure parmi les champs personnalisés du profil utilisateur et permet de parcourir la page avec le visiteur en direct et de déboguer immédiatement.
Toutes les marques citées appartiennent à leurs propriétaires respectifs. MousePlayer n’entretient aucune relation commerciale avec ces fournisseurs.