Implementa módulos y conectores de la IU

Agent Assist proporciona un conjunto de módulos de componentes de IU personalizables y prediseñados que puedes usar para integrar las 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.

Antes de comenzar

Antes de implementar módulos de IU, configura un perfil de conversación.

Implementa módulos de IU

Elige los módulos de la IU según las funciones de Agent Assist que uses:

Funciones Ejemplo de módulos de IU
Agente Companion, resumen de conversaciones Agente complementario, Transcripción
Entrenador de IA, asistente de conocimiento generativo (proactivo), respuesta inteligente, resumen de conversaciones Container V2, Smart reply, Transcript

Todos los módulos de la IU se pueden usar con cualquier plataforma de escritorio del agente, 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 IU con cualquier otra plataforma de escritorio de agente, debes crear tu propia integración.

El conector del módulo de IU facilita la comunicación entre los componentes de la IU, el escritorio del agente y el backend de Agent Assist. Toda la comunicación del cliente se realiza a través del envío de eventos personalizados.

Agente complementario

El agente complementario es un solo componente que incorpora un agente complementario interactivo en el escritorio del agente. La función de agente complementario reemplaza a la mayoría de las demás funciones de Agent Assist, pero su módulo de IU incluye algunas funciones complementarias, como el resumen de conversaciones. Por lo tanto, no es necesario que uses el contenedor junto con el módulo de IU del agente complementario.

Para obtener más detalles, consulta la página de documentación de la API del agente complementario.

Contenedor de funciones

El contenedor es un solo componente que renderiza las funciones de Agent Assist que elegiste y que no son complementarias en un panel unificado y reactivo. Usa el contenedor si usas el entrenador de IA, la asistencia de conocimiento generativa (proactiva), la respuesta inteligente o el resumen de conversaciones.

Para obtener más detalles, consulta la página de documentación de la API de Container V2.

Componentes individuales

Puedes integrar algunas funciones de Agent Assist de forma individual, junto con el agente complementario o el contenedor. Si el escritorio del agente maneja conversaciones de voz, por lo general, agregarás el componente Transcript. Solo recomendamos otros componentes individuales 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.

Versiones de archivos

Para recuperar la versión más reciente de un archivo gstatic, especifica la versión más reciente:

    <script src="https://www.gstatic.com/agent-assist-ui-modules/v1/companion_agent.js"></script>

Para recuperar una versión estable específica de un archivo de gstatic, especifica la versión exacta:

    <script src="https://www.gstatic.com/agent-assist-ui-modules/v1.1/companion_agent.js"></script>

Versiones más recientes: 

      Container: v1.16 // Legacy
      Container: v2.7
      Common: v1.17
      Companion agent: v1.1
      Generative knowledge assist: v2.10
      Smart reply: v1.4
      Summarization: v1.3
      Transcript: v1.4
      Genesys Cloud: v1.1

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 los 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 instanciación:

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',
  }
});

Aviso legal sobre el precio

Si usas módulos de la IU, hay un costo asociado a los servicios subyacentes, incluidos los siguientes: