README

AI Chatbot機能を利用するJavaScriptです。

インストール方法

Via npm

$ npm install @machi-pla/ai-chatbot-okinawa-north --save

Via yarn

$ yarn add @machi-pla/ai-chatbot-okinawa-north

Via bower:

$ bower install --save @machi-pla/ai-chatbot-okinawa-north

導入方法

WEBサイトの全ページで、以下のscriptを読み込む。

<script src="https://unpkg.com/@machi-pla/[email protected]/dist/chatbot.js" crossorigin="anonymous" charset="utf-8" defer>
</script>

提供元

株式会社 まちづくりプラットフォーム

開発環境での動作確認方法

$ npm run start

詳しいチケット：https://machi-pla.backlog.jp/view/AI_CHATBOT-1

観光サイト側からAIチャットボットにメッセージを送信する方法

ボタンやinput要素の内容を設定しカスタムイベントを利用します。 以下のように呼び出し元の観光サイト側で定義していただければチャットボットにメッセージの送信が可能になります。

window.dispatchEvent(
  new CustomEvent("call-chatbot", {
    detail: {
      text: '送信したいメッセージ',
    },
  })
);