Зочидтой чатлах,
өөрийн сайтаас.

1. 1
   Виджетээ үүсгэ

   Prohost дээр AI чат виджет аппыг нээж, зочдын харах нэр, мэндчилгээ, товчны загварыг тохируул.

2. 2
   Кодоо хуул

   Өөр вэбсайтад нэмэх хэсгээс кодыг хуул. Түүнд таны виджетийн id, embed түлхүүр, товчны тохиргоо аль хэдийн орсон байгаа.

3. 3
   Хаах body тагийн өмнө наа

   Сайтынхаа нийтлэг хөл эсвэл нэмэлт кодын хэсэгт байрлуулаад нийтэл. Дараагийн ачаалалтад товч булангаас гарч ирнэ.

<script
  src="https://app.prohost.ai/webchat.js"
  data-widget="WIDGET_ID"
  data-api-key="WIDGET_API_KEY"
  data-position="bottom-right"
  data-launcher-color="#4F46E5"
  data-launcher-icon="chat"
  data-sound="on"
  async></script>

WIDGET_ID болон WIDGET_API_KEY-г виджетийн тохиргооны утгуудаар солино уу — эсвэл аппаас бэлэн кодыг шууд хуулж аваарай, тэр хоёрыг өөрөө бөглөнө. Embed түлхүүр нь нийтийн бөгөөд зөвхөн тэр виджетэд хамаарна: таны бүртгэл рүү ямар ч хандалт өгөхгүй. Prohost түлхүүрийг эхний удаа харуулсны дараа нуудаг тул хуулж болох шинэ код хэрэгтэй бол Түлхүүр солих товчийг ашигла.

<script
  src="https://app.prohost.ai/webchat.js"
  data-widget="WIDGET_ID"
  data-api-key="WIDGET_API_KEY"
  async></script>

Ихэнх сайт бүтээгчид дээр ажиллана: Webflow, WordPress, Squarespace, Wix бүгд хөлдөө нэмэлт код тавих хэсэгтэй.

data-hide-mobile зөвхөн байгаа эсэхээр тооцогдоно: хоосон мөр ч гэсэн ямар ч утга түүнийг асаана. Бусад атрибутыг утгаар нь шалгах бөгөөд ялангуяа data-sound зөвхөн жижиг үсгээр бичсэн яг on гэсэн утгад хариу үзүүлнэ.

• Зочин эхлээд хуудастай харьцах ёстой

  Хөтчүүд хэн нэгэн товших, хүрэх, бичих хүртэл аудиог хааж байдаг. Товчийг нээх нь тооцогдоно, цонхонд бичих ч мөн адил — тиймээс хариулт авахуйц мессеж бичсэн зочин дууг сонсоно. Хөтөч тоглуулалтыг хаасан ч эвдрэх зүйл байхгүй: товчин дээрх уншаагүйн тэмдэг үндсэн дохио бөгөөд дуу нь нэмэлт.

• Уншиж байх үед хэзээ ч дуугарахгүй

  Цонх нээлттэй, таб урд талд байх үед дохио гарахгүй: хариулт аль хэдийн дэлгэц дээр байна. Цонх хаалттай эсвэл таб ард байх үед дуугарна. Уншаагүйн тэмдэг арай нарийн дүрэм баримталдаг: зөвхөн цонх хаалттай үед гарч ирнэ.

• Олон хариулт нэг дохио

  Хэд хэдэн мессеж зэрэг ирвэл мессеж тус бүрд биш, ганц дохио өгнө.

function wireUpWebchat() {
  window.ProhostWebchat.on('webchat_host_message', (event) => {
    console.log(event.type);
  });

  document.querySelector('#my-chat-button')?.addEventListener('click', () => {
    window.ProhostWebchat.open();
    // window.ProhostWebchat.close() collapses it again.
  });
}

if (window.ProhostWebchat) {
  wireUpWebchat();
} else {
  // src*= rather than src$= — the tag may carry a cache-busting query string.
  document
    .querySelector('script[src*="/webchat.js"]')
    ?.addEventListener('load', wireUpWebchat);
}

data-hide-mobile-тэй хослуулахад тохиромжтой: утсан дээр үндсэн товчийг нууж, цонхыг өөрийн товчоороо нээ. Эвентүүд зөвхөн Prohost-ийн суулгацаас ирсэн тохиолдолд дамжуулагдана, өөр эх сурвалжаас хэзээ ч биш.