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

Crisp

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

ガイド

Crispのチュートリアル

Crispチャット capgo プラグイン for capacitor。Crisp.chatを使用してライブチャットと顧客サポート機能を提供します。

Crisp Chat SDK Plugin for Capacitor. Provides live chat and customer support functionality through Crisp.chat.

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

bun add @capgo/capacitor-crisp
bunx cap sync

- Crisp __CAPGO_KEEP_0__ をサイトIDで構成する。使用する他のメソッドを呼び出す前に必ず実行してください。

  • configure - Configure the Crisp SDK with your website ID. Must be called before using any other methods.
  • openMessenger - 現在のユーザーセッションに一意のトークンIDを設定する。以前の会話を識別して復元するために使用します。
  • setTokenID インストール
  • setUser - 現在のセッションでユーザー情報を設定します。サポートエージェントが見るユーザープロファイルを更新します。

使用例

configure

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

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

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

openMessenger

__CAPGO_KEEP_0__ メッセンジャー チャット ウィンドウを開きます。ユーザーにチャット インターフェイスを表示します。

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'
});

フル リファレンス