Integração dos widgets Intercom, LiveChat & Zendesk
Ajude as equipes de suporte e vendas inserindo links de reprodução de sessões ao vivo diretamente nos widgets de chat preferidos.
1. Como funciona a integração
Quando um visitante chama o suporte pelo chat do site, os atendentes costumam ter dificuldade para entender o que ele está vivenciando. Pedir capturas ou passos para reproduzir cria atrito e atrasa a solução.
A ponte de metadados de chat do MousePlayer resolve isso com monitoramento automático em segundo plano (initChatMetadataBridge) no navegador. Ao ativar, o script detecta se Intercom, LiveChatou Zendesk está na página e insere automaticamente um atributo personalizado com a URL direta de reprodução em um clique (mouseplayer_session_url) nos metadados da sessão de chat.
Sem latência & novas tentativas automáticas: Como os widgets costumam carregar de forma assíncrona depois da página, o MousePlayer verifica a disponibilidade a cada 3 segundos para associar os links sem condições de corrida.
2. Como ativar a integração
Você pode ativar a ponte pelo interruptor sem código do painel ou manualmente pelo objeto de configuração JavaScript.
Método A: ativação sem código pelo painel (recomendado)
- Entre na conta MousePlayer e acesse Suas propriedades.
- Clique no botão Configurações / Integrações ao lado do domínio desejado.
- Na janela de integrações, altere Ativar ponte de metadados de chat ao vivo para
ON. - Selecione o provedor (Intercom, LiveChat ou Zendesk) e clique em Salvar configurações. A mudança vale imediatamente para todos os usuários ativos.
Método B: configuração manual do script
Se integra o MousePlayer diretamente no código sem o carregador de configuração remota, passe chat_bridge_active: true no seu objeto window.mp_config de configuração:
3. Fluxo técnico por provedor
Conforme o chat, o MousePlayer chama o método específico do SDK para associar a URL de reprodução ativa:
| Provedor de chat | Método JavaScript executado | Chave de metadados inserida |
|---|---|---|
| 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. Como aparece para os atendentes
Depois de ativar, os atendentes veem no painel um link direto para a sessão ao vivo sempre que um usuário inicia uma conversa.
1. Caixa de entrada do Intercom
Ao abrir uma conversa no Intercom, o link aparece na barra lateral direita, no painel Dados do usuário / Atributos personalizados . Clique na URL para abrir a reprodução em modo cinema do MousePlayer numa nova aba.
2. Aplicativo de atendentes do LiveChat
No aplicativo LiveChat, acesse a barra lateral direita do chat ativo e expanda a seção Detalhes → Variáveis personalizadas . A variável mouseplayer_session_url aparece como link clicável.
3. Espaço de trabalho dos atendentes do Zendesk
No espaço de trabalho Zendesk, consulte o painel Contexto do cliente / Informações do usuário à direita do ticket. O link fica nos campos personalizados do perfil e permite navegação compartilhada ao vivo e depuração imediata.
Todas as marcas mencionadas pertencem aos respectivos proprietários. O MousePlayer não mantém relação comercial com esses fornecedores.