將副手新增至您的 Power Pages 網站
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 配額與定價以了解詳細資訊。
新增副手
您可以按照以下步驟手動新增副手。
移至設定工作區。
在 Copilot 下,選擇新增副手
開啟建立副手。
Power Pages 會在 Copilot Studio 中為您建立一個具有生成式回答交談的副手。
若要讓訪客和使用者使用副手,請打開在網站啟用副手。
如果您的租用戶管理員尚未啟用具有 AI 功能的發佈副手,則無法使用在網站上啟用副手。
自訂您的副手
在為網站建立副手時,它會利用託管網站的內容來產生回應。 該 Dataverse 服務有助於對網站內容和設定的資料表編製索引,然後由 Copilot Studio 進行匯總以產生回覆。
經過驗證的網站使用者會收到與其網路角色相符的匯總客製化答案。 若要進一步改善經驗證網站使用者的內容模型,請遵循下列步驟細化資料:
在副手中開啟。
在調整資料底下,選擇變更按鈕。
選取選擇資料表查詢控制項來選取或取消選取資料表。
- 您可以在此區段中選擇多個資料表。 請確認您在此處選取的任何資料表均已在網站上使用。
- 在後續頁面上,您必須指定該資料表產生引文 URL 的頁面。
選擇下一步。
在選擇資料表底下,選取包含您要選取之欄和頁面連結的資料表。 除非該表至少有一個多行列,否則該資料表不會出現。
- 一次只能選取一個資料表。
在新增頁面連結底下,選取使用資料表的頁面。
注意
- 請確定您已選取使用該資料表的正確頁面。 選擇錯誤的資料表將導致機器人為答案提供錯誤的引文 URL。
- 頁面必須使用「id」做為查詢字串參數;如果使用其他參數名稱,則引文 URL 將無法正確運作。
在選擇欄底下,選取頁面中使用的欄清單。
注意
僅具有多行文字的欄可供選擇。
選取下一步,然後查看選項。
選擇儲存以提交變更。
自訂副手外觀
您可以透過覆寫預設的串聯樣式表 (CSS) 類別來自訂副手的樣式。 若要執行此動作,請將樣式標籤新增至標題範本,並按照下列步驟覆寫這些值。
- 移至網站的程式碼編輯器。
- 從 瀏覽器瀏覽中,展開 Web 範本資料夾。
- 打開 Header.html。
- 新增樣式標籤。
- 覆寫各別樣式。
副手小工具
副手摺疊圖示:
.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;
}
6. 參考連結
.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,因此不會在第一次執行指令碼時顯示。 將其值設為 true
或 false
之後,該設定就會出現在清單中。
若要設定 enableChatbotOnWebsiteCreation
的值,請使用 Set-TenantSettings 命令。 下列範例將該值設定為 false
:
$requestBody = @{
powerPlatform = @{
powerPages = @{
enableChatbotOnWebsiteCreation = $false
}
}
}
Set-TenantSettings -RequestBody $requestBody
已知問題
- 新增副手後,您無法變更網站的自訂網域。 請關閉副手,變更自訂網域,然後再次開啟副手。
- 儘管您可以在副手人可用的區域之外建立的網站上打開副手功能,但可能不會建立副手。
- 如果關閉副手功能,請等待幾分鐘以完成背景操作,然後再將其打開。
另請參閱
意見反應
https://aka.ms/ContentUserFeedback。
即將登場:在 2024 年,我們將逐步淘汰 GitHub 問題作為內容的意見反應機制,並將它取代為新的意見反應系統。 如需詳細資訊,請參閱:提交並檢視相關的意見反應