Поделиться через

Настройка агента

Когда вы создаете агент для веб-сайта, он использует содержимое с хостинг-сайта для генерации ответов. 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. В навигации проводника разверните папку web-templates.

  3. Откройте Header.html.

  4. Добавьте ваш элемент style или script.

    Снимок экрана Visual Studio с выделением папки web-templates, файла Header.html и элемента style с селектором 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;
}

Изображение значка:

<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-адрес.

Элементы агента

В примерах 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;
}
  • Last updated on