Keyda Business
JapanEnglish サインイン 無料で始める
Keyda Business ドキュメントインストール

React Native、Flutter、Ionic

これら3つはすべて同じホスト型チャットページをラップしているため、学習させた内容はすべてのチャネルで同時に顧客に反映されます。

React Native

npm install @keyda/bot-react-native react-native-webview
cd ios && pod install

react-native-webview は ピア依存関係であり、バンドルされたものではありません。React Nativeには組み込みのWebビューがないため、独自に同梱するとアプリが既に使用しているバージョンと競合する可能性があります。

import { KeydaBot } from '@keyda/bot-react-native';

<KeydaBot
  clientId="kb_live_your_key_here"
  visible={showChat}
  onClose={() => setShowChat(false)}
/>

インストール後はアプリを再ビルドしてください。react-native-webviewにはネイティブコードが含まれているため、JSのリロードだけでは不十分です。

Flutter

flutter pub add keyda_bot
// Once, at app start
KeydaBot.init('kb_live_your_key_here');

// From your Help button
KeydaBot.show(context);

また、KeydaBot.dismiss()およびKeydaBot.isShowingも同様です。

IonicおよびCapacitor

ほとんどのIonicアプリでは、ウェブサイト用のスニペットを使用してください。 Ionicアプリはすでにウェブビューであるため、ウェブサイトと同様に単純なスクリプトタグが機能します。ラッパーを使用するよりもコード量を抑えられます：

<script src="https://keyda.in/business/widget.js"
        data-key="kb_live_your_key_here" async></script>

index.htmlに入れるだけで完了です。

チャットを独自のレイアウト内のバブルではなく、別の全画面インターフェースとして表示したい場合にのみ、@keyda/bot-capacitorをインストールしてください。

npm install @keyda/bot-capacitor
npx cap sync

Cordovaおよびその他のハイブリッドアプリ

Ionicと同じ理由です。ウェブビューであるため、scriptタグがそのまま機能します。個別のパッケージは不要です。

共通する特徴

  • チャットUIは1つだけ。ダッシュボードで変更すれば、アプリのリリースなしですべての場所に即座に反映されます。
  • リンクはチャットの外で開き、会話画面が置き換わることはありません
  • 分析ツール、デバイス識別子、各プラットフォームのウェブビューに必要なもの以外のサードパーティ依存関係は一切ありません
  • オンライン専用 — チャットはホストされたページで提供されます

各パッケージのソースコードはgithub.com/KeydaAI/keyda-business-sdksで公開されています。

Next: Training your bot →