Споделяне чрез

Персонализиране на вашето подпомагане от ИИ

  • Статия

Когато създавате подпомагане от ИИ за уебсайт, подпомагане от ИИ използва съдържанието от хостинг сайта, за да генерира отговори. Microsoft Dataverse индексира съдържанието на сайта и конфигурираните таблици и Copilot Studio обобщава индексираното съдържание и таблици, за да генерира отговори.

Удостоверените потребители на сайта получават персонализирани, обобщени отговори, които са в съответствие с техните уеб роли. За да подобрите модела на съдържание за удостоверени потребители на сайта, прецизирайте данните, като изпълните следните стъпки:

  1. Влезте Power Pages, отидете в Настройка на работното пространство.

  2. Под Copilot изберете Добавяне на подпомагане от ИИ.

  3. Под Прецизиране на данните изберете Извършване на промени.

  4. Изберете контрола за търсене на таблици, за да изберете или изчистите избора на таблици.

    • Можете да изберете няколко таблици в този раздел. Уверете се, че всяка таблица, която изберете, се използва на сайта.
    • На следващите страници посочете страницата, на която се използва таблицата, за да генерирате URL адреса за цитиране.

  5. Изберете Напред.

  6. Под Избор на таблици изберете таблицата, която съдържа колоните и връзката към страницата, която искате да изберете. Таблицата се показва само ако има поне една многоредова колона.

    Можете да изберете само една маса в даден момент.

  7. Под Добавяне на връзка към страница изберете страницата, на която се използва таблицата.

    Бележка

    • Уверете се, че сте избрали правилната страница. В противен случай ботът предоставя неправилен URL адрес за цитиране на отговорите.
    • Страницата трябва да се използва id като параметър за низ на заявката. Ако използвате друго име на параметър, URL адресът на цитирането не работи правилно.

  8. Под Избор на колони изберете списъка с колони, които се използват на страницата. Само колони, които имат многоредов текст, са налични за избор.

  9. Изберете Напред и прегледайте избора си.

  10. Изберете Запиши , за да изпратите промените.

Персонализирайте външния вид на подпомагане от ИИ

Можете да персонализирате стила на подпомагане от ИИ, като замените класовете по подразбиране на Каскаден лист със стилове (CSS). За да направите това, добавете style елемент към шаблона на заглавката и заместете стойностите, като изпълните следните стъпки:

  1. Отидете в редактора на кода на сайта.

  2. В навигацията на Explorer разгънете папката с уеб шаблони .

  3. Отворете Header.html.

  4. Добавете своя style / script елемент.

    Екранна снимка на Visual Studio папката web-templates, файла Header.html и елемента style със CSS селектор.

  5. Отменете подходящите стилове.

Copilot графичен компонент

Екранна снимка на графичен компонент на чатбота.

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

изображение на иконата:

<script>
document.addEventListener('DOMContentLoaded', function() {
   var buttons = document.getElementsByClassName("pva-embedded-web-chat-widget");
    buttons[0].innerHTML = '<img src="<image URL>" height= "70px" width = "70px" />';
}, false);
</script>

Бележка

  • Заменете <image URL> с действителния URL адрес на източника на изображението. Направете препратка към външен път или качете изображение в таблицата с уеб файлове и използвайте неговия URL адрес.

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

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