Bendrinti naudojant


Pagalbininko tinkinimas

Kai kuriate pagalbininkas svetainei, pagalbininkas naudoja prieglobos svetainės turinį atsakymams generuoti. Microsoft Dataverse indeksuoja svetainės turinį ir sukonfigūruotas lenteles bei Copilot Studio apibendrina indeksuotą turinį ir lenteles, kad generuotų atsakymus.

Autentifikuoti svetainės vartotojai gauna pritaikytus, apibendrintus atsakymus, suderintus su jų žiniatinklio vaidmenimis. Norėdami patobulinti autentifikuotų svetainės vartotojų turinio modelį, patikslinkite duomenis atlikdami šiuos veiksmus:

  1. Eikite Power Pages į darbo sritį Nustatymas.

  2. Dalyje Copilot pasirinkite Pridėti pagalbininkas.

  3. Dalyje Duomenų patikslinimas pasirinkite Atlikti keitimus.

  4. Pasirinkite Pasirinkti lentelių peržvalgos valdiklį , kad pasirinktumėte arba išvalytumėte lentelių pasirinkimą.

    • Šiame skyriuje galite pasirinkti kelias lenteles. Įsitikinkite, kad kiekviena jūsų pasirinkta lentelė naudojama svetainėje.
    • Vėlesniuose puslapiuose nurodykite puslapį, kuriame naudojama lentelė, kad sugeneruotumėte citatos URL.
  5. Pasirinkite Toliau.

  6. Dalyje Pasirinkti lenteles pasirinkite lentelę, kurioje yra stulpeliai ir puslapio susieti, kurį norite pažymėti. Lentelė rodoma tik tuo atveju, jei joje yra bent vienas kelių eilučių stulpelis.

    Vienu metu galite pasirinkti tik vieną lentelę.

  7. Dalyje Įtraukti susieti puslapį pasirinkite puslapį, kuriame naudojama lentelė.

    Pastaba.

    • Įsitikinkite, kad pasirinkote tinkamą puslapį. Priešingu atveju robotas pateikia neteisingą atsakymų citavimo URL.
    • Puslapis turi būti naudojamas id kaip užklausos eilutės parametras. Jei naudojate bet kurio kito parametro pavadinimą, citatos URL neveikia tinkamai.
  8. Dalyje Pasirinkti stulpelius pasirinkite puslapyje naudojamų stulpelių sąrašą. Galima pasirinkti tik tuos stulpelius, kuriuose yra kelių eilučių tekstas.

  9. Pasirinkite Pirmyn ir peržiūrėkite savo pasirinkimą.

  10. Pasirinkite Išsaugoti , kad pateiktumėte pakeitimus.

Tinkinkite pagalbininkas išvaizdą

Galite tinkinti pagalbininkas stilių nepaisydami numatytųjų pakopinių stilių aprašo (CSS) klasių. Norėdami tai padaryti, įtraukite style elementą į antraštės šabloną ir perrašykite reikšmes atlikdami šiuos veiksmus:

  1. Eikite į svetainės kodo rengyklę.

  2. Naršyklės naršyklėje išplėskite žiniatinklio šablonų aplanką.

  3. Atidarykite Header.html.

  4. Pridėkite savo style / script elementą.

    Žiniatinklio šablonų aplanko, Header.html failo ir stiliaus elemento paryškinimo Visual Studiosu parinkikliu ekrano nuotrauka CSS .

  5. Nepaisykite atitinkamų stilių.

Copilot grafinės sąsajos elementas

Pokalbių roboto ekrano kopija grafinės sąsajos elementas.

Copilot sutraukta piktograma:

.pva-embedded-web-chat-widget {
    background-color: #484644;
    border: 1px solid #FFFFFF;
}

Patarimas:

.pva-embedded-web-chat-widget .pva-embedded-web-chat-widget-tooltip-text {
    background: white;
    color: #323130;
}

Piktogramos vaizdas:

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

Pastaba.

  • Pakeiskite <image URL> tikruoju vaizdo šaltinio URL. Nurodykite išorinį kelią arba nusiųskite vaizdą į žiniatinklio failo lentelę ir naudokite jo URL.

Copilot elementai

Šiame CSS skyriuje pateiktuose pavyzdžiuose pateikiami pavyzdžiai, rodantys, kaip tinkinti kiekvieną sunumeruotą pokalbių roboto elementą toliau pateiktoje ekrano kopijoje.

Pokalbių roboto su atskirais elementais ekrano kopija iškviesta ir sunumeruota.

1. Antraštė

.pages-chatbot-header
{
    background: #77a145;
    color: #ffffff;
}

2. Aukštis ir plotis

.pva-embedded-web-chat[data-minimized='false'] {
    height: 80%;
    width: 25%;
    max-width: 400px;
    max-height: 740px;
}

3. Copilot langas

.pva-embedded-web-chat-window {
    background: white;
}

4. Burbulas iš pagalbininkas

Fono spalva:

.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {
    background-color: #77a145 !important;
    border-radius: 5px !important;
}

Teksto spalva:

.webchat__bubble:not(.webchat__bubble--from-user) p {
    color: #ffffff;
}

5. Burbulas iš vartotojo

Fono spalva:

.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content {
    background-color: #797d81 !important;
    border-radius: 5px !important;
}

Teksto spalva:

.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. Privatumo pranešimas

Fono spalva:

.pva-privacy-message {
    background: #797d81;
}

Teksto spalva:

.pva-privacy-message p {
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
}