Mengimplementasikan modul dan konektor UI

Agent Assist menyediakan serangkaian modul komponen UI bawaan yang dapat disesuaikan yang dapat Anda gunakan untuk mengintegrasikan fitur Agent Assist ke dalam UI Anda. Anda dapat menyematkan modul di aplikasi web mana pun untuk menampilkan saran Agent Assist kepada agen Anda. Untuk mengetahui petunjuk khusus tentang cara mengintegrasikan modul ke LivePerson, lihat tutorial LivePerson.

Fitur Agent Assist

Berikut adalah fitur Agent Assist yang dapat Anda terapkan sebagai komponen modul UI.

Sebelum memulai

Sebelum dapat menerapkan modul UI, konfigurasikan profil percakapan.

Menerapkan modul UI

Pilih modul UI berdasarkan fitur Agent Assist yang Anda gunakan:

Fitur Contoh modul UI
Agen pendamping, ringkasan percakapan Agen pendamping, Transkrip
Pelatih AI, bantuan informasi generatif (proaktif), smart reply, ringkasan percakapan Container V2, Balasan smart, Transkrip

Semua modul UI dapat digunakan dengan platform desktop agen apa pun, tetapi Agent Assist hanya menyediakan integrasi modul UI Open Source untuk Genesys Cloud, LivePerson, Twilio, dan Salesforce. Untuk mengintegrasikan modul UI dengan platform desktop agen lainnya, Anda harus membuat integrasi Anda sendiri.

Konektor modul UI memfasilitasi komunikasi antara komponen UI, desktop agen, dan backend Agent Assist. Semua komunikasi klien dilakukan melalui pengiriman peristiwa kustom.

Agen pendamping

Agen pendamping adalah satu komponen yang menyematkan agen pendamping interaktif di desktop agen Anda. Fitur agen pendamping menggantikan sebagian besar fitur Agent Assist lainnya, tetapi modul UI-nya mencakup beberapa fitur pelengkap, seperti ringkasan percakapan. Oleh karena itu, Anda tidak perlu menggunakan penampung bersama modul UI agen pendamping.

Untuk mengetahui detail selengkapnya, lihat halaman dokumentasi API agen pendamping.

Penampung fitur

Kontainer adalah satu komponen yang merender fitur Agent Assist agen non-pendamping pilihan Anda dalam satu panel reaktif yang terpadu. Gunakan penampung jika Anda menggunakan pelatih AI, bantuan pengetahuan generatif (proaktif), smart reply, atau ringkasan percakapan.

Untuk mengetahui detail selengkapnya, lihat halaman dokumentasi Container V2 API.

Komponen individual

Anda dapat mengintegrasikan beberapa fitur Agent Assist satu per satu, bersama agen pendamping atau penampung. Jika desktop agen Anda menangani percakapan suara, Anda biasanya akan menambahkan komponen Transkrip. Kami hanya merekomendasikan komponen individual lainnya jika Anda menggunakan aplikasi kustom tempat modul harus dirender di bagian halaman yang berbeda, atau jika Anda memerlukan penyesuaian yang signifikan. Misalnya, Anda mungkin ingin menempatkan modul Smart Reply langsung di bawah tampilan chat.

Dalam hal ini, Anda harus mengimpor modul UI khusus fitur yang dipilih satu per satu. Selain itu, Anda harus mengimpor dan melakukan inisialisasi konektor modul UI.

Versi file

Ambil versi terbaru file gstatic dengan menentukan versi terbaru:

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

Mengambil versi stabil tertentu dari file gstatic dengan menentukan versi yang tepat:

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

Versi terbaru: 

      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

Menerapkan konektor modul UI

Kecuali jika Anda menggunakan penampung versi 1, Anda harus menerapkan konektor modul UI untuk menggunakan modul UI. Tambahkan kode berikut ke aplikasi Anda untuk mengekspos class UiModulesConnector global yang kemudian dapat di-instansiasi dan diinisialisasi:

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

Metode:

    constructor(): void;
    init(config: ConnectorConfig): void;
    disconnect(): void;
    setAuthToken(token: string): void;

Berikut menguraikan antarmuka TypeScript untuk objek konfigurasi konektor. Jika Anda telah membuat konektor modul UI kustom untuk digunakan dengan sistem yang tidak didukung, tetapkan agentDesktop ke Custom. Contoh berikut memberikan daftar sistem desktop agen yang didukung.

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;
    };
  }

}

Contoh instansiasi:

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

Pernyataan penyangkalan harga

Jika Anda menggunakan modul UI, ada biaya yang terkait dengan layanan pokok, termasuk berikut ini: