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

クリップス

モバイル アプリにリアルタイム チャットとカスタマー サポートを統合

ガイド

Crispのチュートリアル

デバイスでテスト

Download the Capgo app, then scan the QR code.

クルップ プラグイン プレビュー QR code

Using @capgo/capacitor-crisp

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

インストール

bun add @capgo/capacitor-crisp
bunx cap sync

このプラグインが提供するもの

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

使用例

configure

クルップ 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

現在のユーザー セッションのユニークなトークン IDを設定します。以前の会話を識別して復元するために使用されます。

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

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

setUser

現在のセッションのユーザー情報を設定します。サポート エージェントに表示されるユーザー プロファイルを更新します。

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

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

フル リファレンス

Keep going from Using @capgo/capacitor-crisp

Capacitor Crisp を使用しています。 Using @capgo/capacitor-crisp Capacitor Crisp を使用して、移行とエンタープライズ オペレーションの計画を行います。 @capgo/capacitor-crisp @capgo/capacitor-crisp Getting Started @__CAPGO_KEEP_0__/Getting Started Capgo Enterprise @Capgo Enterprise Ionic Enterprise Plugin Alternatives @__CAPGO_KEEP_0__ Enterprise、Ionic Enterprise Plugin Alternatives、 Capgo Alternatives @Capgo Alternatives