將副手新增至您的 Power Pages 網站 (預覽版)

[本主題是發行前版本文件,並可能在未來變更。]

副手可以為網站的訪客和使用者提供快速且有效率的客戶支援,從而改善網站的整體使用者體驗。 Power Pages 可以輕鬆地新增具有 AI 的聊天機器人。 只需幾分鐘,您就可以在網站上建立一個使用生成式回答Microsoft Copilot Studio 副手,即使用自然語言來回答問題,並以對話方式提出問題的解決方案。

重要

  • 這是預覽功能。
  • 預覽功能不供生產時使用,而且可能功能受限。 這些功能是在正式發行前先行推出,讓客戶能夠搶先體驗並提供意見反應。
  • 若要瞭解此功能的功能和限制,請參閱副手常見問題集
  • 如果您將副手設定為使用 Bing 搜尋從公共資料產生答案,則 Bing 搜尋的使用受 Microsoft 服務合約Microsoft 隱私權聲明的約束。

先決條件

若要在 Power Pages 中使用由 AI 支援的 Copilot 功能:

  • 您的環境必須位於美國、歐洲、英國、澳洲或印度區域。 請查看 Azure Open AI 和 Bing 搜尋服務的資料存放區和處理地理區域
  • 您的瀏覽器語言必須設定為 [US-English]。
  • 您的租用戶管理員必須在 Power Platform 系統管理中心啟用發佈具有 AI 功能的機器人設定。
  • Copilot 使用 Microsoft Copilot Studio 生成式回答。 請參閱 Copilot Studio 配額與定價以了解詳細資訊。

新增副手

您可以按照以下步驟手動新增副手。

注意

如果網站滿足先決條件一節中概述的條件,則在網站佈建期間會將副手新增到網站。 如果不希望預設建立副手,服務管理員可以在租用戶層級停用此功能,如關閉預設副手佈建一節中所述。

  1. 移至設定工作區

  2. 整合下,選取新增副手 (預覽版)

    Power Pages 中副手 (預覽版) 頁面的螢幕擷取畫面。

  3. 開啟建立副手

    Power Pages 會在 Copilot Studio 中為您建立一個具有生成式回答交談的副手

  4. 若要讓訪客和使用者使用副手,請打開在網站啟用副手

    如果您的租用戶管理員尚未啟用具有 AI 功能的發佈副手,則無法使用在網站上啟用副手

自訂您的副手

在為網站建立副手時,它會利用託管網站的內容來產生回應。 該 Dataverse 服務有助於對網站內容和設定的資料表編製索引,然後由 Copilot Studio 進行匯總以產生回覆。

經過驗證的網站使用者會收到與其網路角色相符的匯總客製化答案。 若要進一步改善經驗證網站使用者的內容模型,請遵循下列步驟細化資料:

  1. 開啟聊天機器人。

  2. 調整資料底下,選擇變更按鈕。

  3. 選取選擇資料表查詢控制項來選取或取消選取資料表。

    • 您可以在此區段中選擇多個資料表。 請確認您在此處選取的任何資料表均已在網站上使用。
    • 在後續頁面上,您必須指定該資料表產生引文 URL 的頁面。
  4. 選擇下一步

  5. 選擇資料表底下,選取包含您要選取之欄和頁面連結的資料表。 除非該表至少有一個多行列,否則該資料表不會出現。

    • 一次只能選取一個資料表。
  6. 新增頁面連結底下,選取使用資料表的頁面。

    注意

    • 請確定您已選取使用該資料表的正確頁面。 選擇錯誤的資料表將導致機器人為答案提供錯誤的引文 URL。
    • 頁面必須使用「id」做為查詢字串參數;如果使用其他參數名稱,則引文 URL 將無法正確運作。
  7. 選擇欄底下,選取頁面中使用的欄清單。

    注意

    僅具有多行文字的欄可供選擇。

  8. 選取下一步,然後查看選項。

  9. 選擇儲存以提交變更。

自訂副手外觀

您可以透過覆寫預設的串聯樣式表 (CSS) 類別來自訂副手的樣式。 若要執行此動作,請將樣式標籤新增至標題範本,並按照下列步驟覆寫這些值。

  1. 移至網站的程式碼編輯器
  2. 瀏覽器瀏覽中,展開 Web 範本資料夾。
  3. 打開 Header.html
  4. 新增樣式標籤。 Visual Studio 的螢幕擷取畫面,其中強調了資料夾、檔案和 CSS 選取器。
  5. 覆寫各別樣式。

副手小工具

聊天機器人小工具的螢幕擷取畫面。

副手摺疊圖示:

.pva-embedded-web-chat-widget {
    	background-color: #484644;
	border: 1px solid #FFFFFF;	
}

工具提示:

.pva-embedded-web-chat-widget .pva-embedded-web-chat-widget-tooltip-text {
	background: white;
	color: #323130;
}

副手元件

請參考提供的 CSS 範本,以取得自訂聊天機器人元素的範例。

聊天機器人的螢幕擷取畫面,其中包含具有註解的各個元素。

1. 頁首

.pages-chatbot-header 
{ 
	background: #77a145;  
	color: #ffffff; 
}

2. 高度與寬度

.pva-embedded-web-chat[data-minimized='false'] {
 	height: 80%;
	width: 25%;
	max-width: 400px;
	max-height: 740px;
}

3. 副手視窗

.pva-embedded-web-chat-window { 
  background: white;  
} 

4. 副手的氣泡

背景顏色:

.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content { 
  background-color: #77a145 !important;  
  border-radius: 5px !important; 
} 

文字顏色:

.webchat__bubble:not(.webchat__bubble--from-user) p {  
color: #ffffff; 
} 

5. 使用者的泡泡

背景顏色:

.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content { 
  background-color: #797d81 !important;  
  border-radius: 5px !important; 
} 

文字顏色:

.webchat__bubble.webchat__bubble--from-user p {  
  color: #ffffff; 
} 
.webchat__link-definitions__badge {  
  color: blue !important; 
} 

.webchat__link-definitions__list-item-text {  
  color: blue !important;  
} 

.webchat__render-markdown__pure-identifier {  
  color: blue !important; 
} 

7. 私人訊息

背景顏色:

.pva-privacy-message {  
  background: #797d81;  
} 

文字顏色:

.pva-privacy-message p {  
  color: #ffffff;  
  font-size: 12px;  
  font-weight: 400; 
} 

關閉預設副手佈建

屬於下列任何 Microsoft Entra 角色成員的服務管理員可以使用 PowerShell 指令碼來變更租用戶層級設定 enableChatbotOnWebsiteCreation

租用戶層級設定的預設值為「null」,其行為就像該設定為「True」一樣,並在網站建立期間建立機器人。 管理員可以將其值設為「True」或「False」。

若要取得租用戶層級設定的目前值,請使用 Get-TenantSettings 命令。 例如:

$myTenantSettings = Get-TenantSettings
$ myTenantSettings.powerPlatform.powerPages

注意

Get-TenantSettings 命令不會列出值為 Null 的租用戶設定。 租用戶層級設定 enableChatbotOnWebsiteCreation 的預設值為 Null,因此不會在第一次執行指令碼時顯示。 將其值設為 truefalse 之後,該設定就會出現在清單中。

若要設定 enableChatbotOnWebsiteCreation 的值,請使用 Set-TenantSettings 命令。 下列範例將該值設定為 false

$requestBody = @{
    powerPlatform = @{
        powerPages = @{
            enableChatbotOnWebsiteCreation = $false
        }
    }
}
Set-TenantSettings -RequestBody $requestBody

已知問題

  • 新增副手後,您無法變更網站的自訂網域。 請關閉副手,變更自訂網域,然後再次開啟副手。
  • 儘管您可以在聊天機器人可用的區域之外建立的網站上打開副手功能,但可能不會建立副手。
  • 如果關閉副手功能,請等待幾分鐘以完成背景操作,然後再將其打開。

另請參閱