メイン コンテンツにジャンプ
プラグインに戻る
@capgo/capacitor-crisp
チュートリアル
@capgo/capacitor-crisp

Crisp

モバイル アプリにライブ チャットとカスタマー サポートを直接統合する

ガイド

クレープのチュートリアル

デバイスでテスト

Download the Capgo app, then scan the QR code.

Crisp プラグイン プレビュー QR code

@capgo/capacitor-crisp を使用

Crisp チャット SDK プラグイン for Capacitor. Crisp.chat を使用してライブチャットとカスタマーサポート機能を提供します。

インストール

bun add @capgo/capacitor-crisp
bunx cap sync

このプラグインが公開するもの

  • configure - Crisp SDK をサイト ID で構成する。使用する他のメソッドよりも前に呼び出す必要があります。
  • openMessenger - Crisp メッセンジャー チャット ウィンドウを開く。ユーザーにチャット インターフェイスを表示します。
  • setTokenID - 現在のセッションのユーザー ID を一意のトークン ID で設定する。以前の会話を識別して復元するために使用します。
  • setUser - 現在のセッションのユーザー情報を設定する。サポートエージェントに表示されるユーザープロファイルを更新します。

使用例

configure

Crisp SDK をサイト ID で構成する。使用する他のメソッドよりも前に呼び出す必要があります。

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CrispPlugin.configure({ websiteID: 'YOUR_WEBSITE_ID' });

openMessenger

Crisp メッセンジャー チャット ウィンドウを開きます。

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.openMessenger();

setTokenID

チャット インターフェイスをユーザーに表示します。

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.setTokenID({} as { tokenID: string });

setUser

__CAPGO_KEEP_0__のユニークなトークンIDを設定します。

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CrispPlugin.setUser({
  nickname: 'John Doe',
  email: 'john@example.com',
  phone: '+1234567890'
});

__CAPGO_KEEP_0__を使用して、前の会話を識別および復元します。

Keep going from Using @capgo/capacitor-crisp

https://__CAPGO_KEEP_0__.com/Cap-go/__CAPGO_KEEP_1__-crisp/ Using @capgo/capacitor-crisp __CAPGO_KEEP_0__を使用して、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crispから続きます。 capgoを使用して、@capgo/capacitor-crispを計画および企業のオペレーションを実行します。 実装詳細については @capgo/capacitor-crisp に参照してください。 Getting Started 実装詳細については Getting Started に参照してください。 Capgo Enterprise Capgo Enterprise の製品ワークフローについては Ionic Enterprise Plugin Alternatives Ionic Enterprise Plugin Alternatives の製品ワークフローについては Capgo Alternatives Capgo Alternatives の製品ワークフローについては