與整合項目互動

透過整合,系統會為您處理使用者互動。您只需要建構代理程式、視需要實作 Webhook,然後設定整合功能。

本指南說明如何使用 Dialogflow CX Messenger 整合功能,為代理程式提供簡單的文字即時通訊使用者介面。

事前準備

如果您不打算使用整合功能,可以略過本快速入門導覽課程。

閱讀本指南之前,請先完成下列工作:

  1. 詳閱流程基本概念
  2. 執行設定步驟
  3. 執行使用流程建構代理程式快速入門導覽課程中的步驟。以下步驟將繼續處理同一個代理程式。 如果該代理程式已不存在,您可以下載代理程式還原

設定

如要設定未經驗證的 Dialogflow CX Messenger 服務專員存取權,請按照下列步驟操作:

  1. 前往 Dialogflow CX 主控台
  2. 選擇 Google Cloud 專案。
  3. 選取代理程式。
  4. 選取「管理」分頁標籤。
  5. 按一下左側欄選單中的「整合」
  6. 按一下「Dialogflow CX Messenger」上的「連結」
  7. 設定對話方塊隨即開啟。
  8. 如果先前已為這個服務專員設定整合功能,您會看到可嵌入的 HTML 程式碼。無論您要驗證或未驗證的內容,請按一下對話方塊底部的「停用...」按鈕,以便在下一個步驟重新設定。
  9. 選取「環境」
  10. 選取「Unauthenticated API」(未經驗證的 API)
  11. 選取樣式。
  12. 視需要限制網域存取權。
  13. 按一下「啟用未經驗證的 API」
  14. 對話方塊會顯示可嵌入網站的 HTML 程式碼。複製這組代碼。
  15. 按一下 [完成]

嵌入

在網站的網頁中貼上您在前述步驟複製的嵌入程式碼。 <script><df-messenger> HTML 元素應位於網頁的 <body> 元素中。

如果您使用經過驗證的整合服務,請將 <df-messenger>oauth-client-id 屬性設為 OAuth 用戶端 ID。如要使用使用者的身分進行工具驗證,請使用任意名稱設定 access-token-name 屬性。然後使用值為 $session.params.ACCESS_TOKEN_NAME 的 Bearer 權杖進行工具驗證。

更新任何其他需要更新的屬性。

如要允許使用回應式版面配置,請在 <head> 元素中新增下列內容:

<meta name="viewport" content="width=device-width, initial-scale=1">

嵌入後,只要點選網頁右下角的聊天圖示,即可透過網頁與代理互動。

Messenger 介面螢幕截圖

自訂

您可以透過多種方式自訂這個使用者介面的外觀和行為。詳情請參閱 Dialogflow CX Messenger 說明文件