Бөлісу құралы:

Копилотыңызды теңшеу

  • Мақала

Веб-сайт үшін копилот жасаған кезде, копилот жауаптарды жасау үшін хостинг сайтындағы мазмұнды пайдаланады. 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. Тақырып.html ашыңыз.

  4. style / script элементті қосыңыз.

    Visual Studioскриншоты, веб-үлгілер қалтасын, Header.html файлын және 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;
}