Power Pages サイトにコパイロットを追加する (プレビュー)

[アーティクル]
04/22/2024

[このトピックはプレリリースドキュメントであり、変更されることがあります。]

Power Pages サイトは、サイトの訪問者やユーザーに迅速かつ効率的な顧客サポートを提供し、サイト全体のユーザーエクスペリエンスを向上させることができます。 Power Pages ではこれを簡単に追加できます。わずか数分で、生成型の回答 (つまり、自然言語を使用して会話形式で質問に答え、問題の解決策を提案する) を使用する、Microsoft Copilot Studio コパイロットをサイト上に作成できます。

重要

これはプレビュー機能です。
プレビュー機能は運用環境での使用を想定しておらず、機能が制限されている可能性があります。これらの機能を公式リリースの前に使用できるようにすることで、顧客が一足先にアクセスし、そこからフィードバックを得ることができます。
この機能の能力と制限事項を理解するには、コパイロットに関する FAQ を参照してください。
Bing 検索を使用して公開データから生成型の回答用にコパイロットを構成する場合、、Bing 検索の使用は Microsoft サービス規約と Microsoft プライバシーステートメントによって管理されます。

前提条件

Power Pages で AI を活用した Copilot 機能を使用する方法:

環境は米国、ヨーロッパ、英国、オーストラリア、またはインドのリージョンにある必要があります。 Azure Open AI および Bing 検索サービス向けのデータの保存と処理の地理的領域をレビューしてください。
ブラウザーの言語は米国英語に設定する必要があります。
テナント管理者は、Power Platform 管理センターで AI 機能でボットを公開する 設定をオンにする必要があります。
Copilot は Microsoft Copilot Studio の生成型回答を使用します。詳細については、Copilot Studio クォータ & 価格を参照してください。

コパイロットを追加する

以下の手順に従って、コパイロットを手動で追加できます。

注意

サイトが前提条件セクションで説明されている条件を満たしている場合、サイトのプロビジョニング中にコパイロットがサイトに追加されます。デフォルトでコパイロットを作成しない場合は、セクションデフォルトのコパイロットプロビジョニングをオフにするで説明されているように、サービス管理者がこの機能をテナントレベルで無効にできます。

ワークスペースの設定に移動します。
統合で、コパイロットを追加する (プレビュー) を選択します
コパイロットの作成 をオンにします。

Power Pages は、Copilot Studio でユーザーのために生成型回答の会話を使用したコパイロットを作成します。
訪問者やユーザーがコパイロットを利用できるようにするには、サイトでコパイロットを有効にする をオンにします。

テナント管理者が AI 機能を備えたコパイロットの公開を有効にしていない場合、サイトでコパイロットを有効にする を利用できません。

コパイロットをカスタマイズする

Web サイト用のコパイロットを作成すると、ホスティングサイトからのコンテンツを使用して応答を生成します。 Dataverse サービスは、サイトコンテンツと設定されたテーブルのインデックス作成を容易にし、Copilot Studio によって要約されて応答が生成されます。

認証されたサイトユーザーは、Web ロールに合わせてカスタマイズされた要約された回答を受け取ります。認証されたサイトユーザーのコンテンツモデルをさらに改善するには、次の手順に従ってデータを調整します。

チャットボットを開きます。
データの調整で、変更ボタンを選択します。
テーブル検索コントロールの選択 で、テーブルを選択または選択解除します。
- このセクションでは複数のテーブルを選択できます。ここで選択したテーブルがサイトで使用されていることを確認してください。
- 後続のページでは、引用 URL を生成するためにテーブルを使用するページを指定する必要があります。
次へを選択します。
テーブルの選択 で、選択する列とページリンクを含むテーブルを選択します。少なくとも 1 つの複数行の列がなければ、テーブルは表示されません。
- 一度に選択できるテーブルは 1 つだけです。
ページリンクの追加 で、テーブルが使用されているページを選択します。
注意
- テーブルが使用されている正しいページを選択していることを確認してください。間違ったテーブルを選択すると、ボットは回答に対して間違った引用 URL を提供します。
- ページではクエリ文字列パラメーターとして "id" を使用する必要があります。他のパラメーター名が使用されている場合、引用 URL は正しく機能しません。
列の選択 で、ページで使用する列のリストを選択します。

注意

複数行のテキストを含む列のみを選択します。
次へを選択して選択したものを確認します。
保存を選択して、変更を送信します。

コパイロットの外観をカスタマイズする

デフォルトのカスケードスタイルシート (CSS) クラスを上書きすることで、コパイロットのスタイルをカスタマイズできます。これを行うには、ヘッダーテンプレートにスタイルタグを追加し、次の手順に従って値をオーバーライドします。

サイトのコードエディターに移動します。
Explorer ナビゲーション から、web-templates フォルダーを展開します。
Header.html を開きます。
スタイルタグを追加します。
それぞれのスタイルをオーバーライドします。

チャットボットウィジェットのスクリーンショット。

Copilot の折りたたまれたアイコン:

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

Copilot の要素

チャットボットの要素をカスタマイズする方法の例については、提供されている 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. Copilot ウィンドウ

.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

既知の問題

コパイロットを追加した後は、サイトのカスタムドメインを変更することはできません。代わりに、コパイロットをオフにして、カスタムドメインを変更してから、再度コパイロットをオンにします。
チャットボットが利用可能なリージョン以外で作成したサイトでコパイロット機能をオンにすることはできますが、コパイロットが作成されない場合があります。
コパイロット機能をオフにした場合は、バックグラウンド操作が完了するまで数分間待ってから再度オンにしてください。

次の方法で共有

Power Pages サイトにコパイロットを追加する (プレビュー)

前提条件

コパイロットを追加する

コパイロットをカスタマイズする

コパイロットの外観をカスタマイズする

Copilot ウィジェット

Copilot の要素

1. ヘッダー

2. 高さおよび幅

3. Copilot ウィンドウ

4. コパイロットからのバブル

5. ユーザーからのバブル

6. 参照リンク

7. プライベートメッセージ

デフォルトのバブルプロビジョニングをオフにする

既知の問題

参照

フィードバック

フィードバック

その他のリソース

次の方法で共有

Power Pages サイトにコパイロットを追加する (プレビュー)

前提条件

コパイロットを追加する

コパイロットをカスタマイズする

コパイロットの外観をカスタマイズする

Copilot ウィジェット

Copilot の要素

1. ヘッダー

2. 高さおよび幅

3. Copilot ウィンドウ

4. コパイロットからのバブル

5. ユーザーからのバブル

6. 参照リンク

7. プライベート メッセージ

デフォルトのバブル プロビジョニングをオフにする

既知の問題

参照

フィードバック

フィードバック

その他のリソース

7. プライベートメッセージ

デフォルトのバブルプロビジョニングをオフにする