Agent Assist proporciona un conjunto de módulos de componentes de IU prediseñados y personalizables que puedes usar para integrar funciones de Agent Assist en tu IU. Puedes incorporar los módulos en cualquier aplicación web para mostrar sugerencias de Agent Assist a tus agentes. Para obtener instrucciones específicas sobre cómo integrar módulos en LivePerson, consulta el instructivo de LivePerson.
Funciones de Agent Assist
A continuación, se indican las funciones de Agent Assist que puedes implementar como componentes de módulos de IU.
- Asistencia de conocimiento
- Asistencia de conocimiento generativo(proactiva)
- Respuesta inteligente
- Resumen de conversaciones
- Transcripción
Antes de comenzar
Antes de implementar módulos de IU, configura un perfil de conversación.
Implementa módulos de IU
Existen dos enfoques principales para integrar los módulos de Agent Assist en tu IU:
- Contenedor (recomendado): Renderiza todas las funciones seleccionadas de Agent Assist en un solo panel optimizado.
- Componentes individuales: Te permite importar funciones específicas de forma individual si deseas colocarlas en diferentes áreas del escritorio del agente.
También puedes usar el contenedor y los componentes individuales juntos. Por ejemplo, puedes implementar el contenedor para mostrar todas las funciones en un panel principal y colocar un módulo independiente de Respuesta inteligente en otro lugar, como directamente debajo de la pantalla de chat del escritorio del agente.
Ambos enfoques se pueden usar con cualquier sistema, pero Agent Assist solo proporciona integraciones de módulos de IU de código abierto para Genesys Cloud, LivePerson, Twilio y Salesforce. Para integrar módulos de la IU con cualquier otro sistema de agentes, debes crear tu propia integración. Usa el enfoque de contenedor V2 para la mayoría de las funciones. También puedes implementar componentes individuales, como Respuesta inteligente, si tienes espacio.
La comunicación entre los componentes de la IU y el escritorio del agente se facilita a través de un conector de módulo de IU. Toda la comunicación del cliente se realiza a través del envío de eventos personalizados.
Versiones de archivos
Recupera la versión más reciente de un archivo gstatic especificando la versión más reciente:
<script src="/https://www.gstatic.com/agent-assist-ui-modules/v2/container.js"></script>
Para recuperar una versión estable específica de un archivo gstatic, especifica la versión exacta:
<script src="/https://www.gstatic.com/agent-assist-ui-modules/v2.7/container.js"></script>
Versiones más recientes:
Container: v1.16 // Legacy
Container: v2.7
Common: v1.14
Generative knowledge assist: v2.10
Smart reply: v1.4
Summarization: v1.3
Transcript: v1.4
Genesys Cloud: v1.1
Contenedor
El contenedor es un solo componente que renderiza las funciones de Agent Assist que elijas en un panel unificado y reactivo. Te recomendamos que uses Container V2 para casi todas las integraciones.
Inicializa el componente del contenedor:
<script src="/https://www.gstatic.com/agent-assist-ui-modules/v2/container.js"></script>
Nombre de la etiqueta del elemento:
<agent-assist-ui-modules-v2>
Ejemplo de inicialización:
const uiModulesEl = document.createElement('agent-assist-ui-modules-v2');
uiModulesEl.setAttribute('use-configured-features', 'true');
hostElement.appendChild(uiModulesEl);
Para obtener más detalles, consulta la página de documentación de la API de Container V2.
Contenedor V1 (legado)
Se admite el contenedor V1, pero se considera heredado. A diferencia de la versión 2, la versión 1 incorpora el conector del módulo de IU de forma interna.
Inicializa el componente Container V1:
<script src="/https://www.gstatic.com/agent-assist-ui-modules/v1/container.js"></script>
Nombre de la etiqueta del elemento:
<agent-assist-ui-modules>
Para obtener más detalles, consulta la página de documentación de la API de Container V1.
Componentes individuales
Puedes integrar algunas funciones de Agent Assist de forma individual en lugar de usar un solo contenedor. Solo recomendamos este enfoque si usas una aplicación personalizada en la que los módulos deben renderizarse en diferentes secciones de la página o si necesitas una personalización significativa. Por ejemplo, es posible que desees colocar un módulo de Respuesta inteligente directamente debajo de la pantalla de chat.
En este caso, debes importar el módulo de IU específico de la función seleccionada de forma individual. Además, debes importar e inicializar el conector del módulo de la IU.
Implementa el conector del módulo de IU
A menos que uses la versión 1 del contenedor, debes implementar el conector del módulo de IU para usar módulos de IU. Agrega el siguiente código a tu aplicación para exponer una clase UiModulesConnector global que luego se pueda crear y, luego, inicializar:
<script src="/https://www.gstatic.com/agent-assist-ui-modules/v1/common.js"></script>
Métodos:
constructor(): void;
init(config: ConnectorConfig): void;
disconnect(): void;
setAuthToken(token: string): void;
A continuación, se describe la interfaz de TypeScript para el objeto de configuración del conector. Si creaste un conector de módulo de IU personalizado para usarlo con un sistema no compatible, establece agentDesktop en Custom. En el siguiente ejemplo, se proporciona una lista de los sistemas de escritorio del agente compatibles.
interface ConnectorConfig {
/** Communication mode for the UI modules application. */
channel: 'chat' | 'voice';
/** Agent desktop to use. */
agentDesktop: 'LivePerson' | 'GenesysCloud' | 'SalesForce' | 'GenesysEngageWwe' | 'Custom';
/** Optional desktop source for metric tracking. */
agentDesktopSource?: string;
/** Conversation profile name to use. */
conversationProfileName: string;
/** API Connector config. */
apiConfig: {
/**
* Authentication token to attach to outgoing requests. Should be a valid
* OAuth token for Dialogflow API, or any other token for custom API
* endpoints.
*/
authToken: string;
/**
* Specifies a custom proxy server to call instead of calling the Dialogflow
* API directly.
*/
customApiEndpoint?: string;
/** API key to use. */
apiKey?: string;
/**
* Additional HTTP headers to include in the Dialogflow/proxy server API
* request.
*/
headers?: Array;
}
/** Event-based connector config. Required for voice/omnichannel conversations and some features of chat conversations. */
eventBasedConfig?: {
/** Transport protocol to use for updates. Defaults to 'websocket'. */
transport?: string;
/** Event-based library to use. */
library?: 'SocketIo';
/** Endpoint to which the connection will be established. */
notifierServerEndpoint: string;
/** Additional Socket.io connect options. */
socketIoConnectOpts?: any;
/** Options to retry initial Socket.io connection in case of failure. */
backOffOpts?: {
initialDelay: number;
maxDelay: number;
maxAttempts: number;
connectionTimeout: number;
};
}
}
Ejemplo de creación de instancias:
const connector = new UiModulesConnector();
connector.init({
channel: 'chat',
agentDesktop: 'Custom',
conversationProfileName: 'projects/my-project/locations/global/conversationProfiles/123',
apiConfig: {
authToken: 'abc123',
customApiEndpoint: 'https://my-dialogflow-proxy-server.com',
},
eventBasedConfig: {
notifierServerEndpoint: 'https://my-notifier-server-endpoint.com',
transport: 'websocket',
library: 'SocketIo',
}
});
Renuncia de responsabilidad sobre el precio
Si usas módulos de la IU, hay un costo asociado a los servicios subyacentes, incluidos los siguientes: