Keyda Business
AustriaEnglish Anmelden Kostenlos starten
Keyda Business DokumentationInstallieren

React Native, Flutter und Ionic

Alle drei binden dieselbe gehostete Chat-Seite ein, sodass alles, womit Sie den Bot trainieren, Ihre Kunden sofort auf allen Kanälen erreicht.

React Native

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

react-native-webview ist eine Peer-Dependency, keine gebündelte. React Native hat keine integrierte Web-Ansicht, und das Einbinden einer eigenen würde zu Konflikten mit der Version führen, die Ihre App bereits verwendet.

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

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

Erstellen Sie die App nach der Installation neu — react-native-webview enthält nativen Code, ein JS-Reload reicht daher nicht aus.

Flutter

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

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

Auch KeydaBot.dismiss() und KeydaBot.isShowing.

Ionic und Capacitor

Die meisten Ionic-Apps sollten einfach das Website-Snippet verwenden. Eine Ionic-App ist bereits eine Web-Ansicht, daher funktioniert das einfache Skript-Tag genauso wie auf einer Website und erfordert weniger Code als jeder Wrapper:

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

Fügen Sie es in index.html ein und Sie sind fertig.

Installieren Sie @keyda/bot-capacitor nur, wenn Sie den Chat explizit als separate Vollbildoberfläche und nicht als Sprechblase innerhalb Ihres eigenen Layouts wünschen.

npm install @keyda/bot-capacitor
npx cap sync

Cordova und andere Hybride

Dasselbe Prinzip wie bei Ionic: Es ist eine Web-Ansicht, daher funktioniert das Skript-Tag. Es gibt kein separates Paket.

Was sie alle gemeinsam haben

  • Eine Chat-Benutzeroberfläche, sodass eine Änderung im Dashboard überall sofort live ist, ohne dass eine App-Veröffentlichung erforderlich ist
  • Links öffnen sich außerhalb des Chats und ersetzen niemals die Konversation
  • Keine Analytics, keine Geräteidentifikatoren, keine Drittanbieter-Abhängigkeiten über die von der jeweiligen Plattform geforderte Webansicht hinaus
  • Nur online – der Chat ist eine gehostete Seite

Der Quellcode für jedes Paket ist öffentlich unter github.com/KeydaAI/keyda-business-sdks verfügbar.

Next: Training your bot →