透過整合,系統會為您處理使用者互動。您只需要建構代理程式、視需要實作 Webhook,然後設定整合功能。
本指南說明如何使用 Dialogflow CX Messenger 整合功能,為代理程式提供簡單的文字即時通訊使用者介面。
事前準備
如果您不打算使用整合功能,可以略過本快速入門導覽課程。
閱讀本指南之前,請先完成下列工作:
- 詳閱流程基本概念。
- 執行設定步驟。
- 執行使用流程建構代理程式快速入門導覽課程中的步驟。以下步驟將繼續處理同一個代理程式。 如果該代理程式已不存在,您可以下載代理程式並還原。
設定
如要設定未經驗證的 Dialogflow CX Messenger 服務專員存取權,請按照下列步驟操作:
- 前往 Dialogflow CX 主控台。
- 選擇 Google Cloud 專案。
- 選取代理程式。
- 選取「管理」分頁標籤。
- 按一下左側欄選單中的「整合」。
- 按一下「Dialogflow CX Messenger」上的「連結」。
- 設定對話方塊隨即開啟。
- 如果先前已為這個服務專員設定整合功能,您會看到可嵌入的 HTML 程式碼。無論您要驗證或未驗證的內容,請按一下對話方塊底部的「停用...」按鈕,以便在下一個步驟重新設定。
- 選取「環境」。
- 選取「Unauthenticated API」(未經驗證的 API)。
- 選取樣式。
- 視需要限制網域存取權。
- 按一下「啟用未經驗證的 API」。
- 對話方塊會顯示可嵌入網站的 HTML 程式碼。複製這組代碼。
- 按一下 [完成]。
嵌入
在網站的網頁中貼上您在前述步驟複製的嵌入程式碼。
<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">
嵌入後,只要點選網頁右下角的聊天圖示,即可透過網頁與代理互動。

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