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

クリスプ

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

ガイド

Crisp についてのチュートリアル

Using @capgo/capacitor-crisp

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

インストール

bun add @capgo/capacitor-crisp
bunx cap sync

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

  • configure - このプラグインの SDK をサイトIDとともに設定する必要があります。使用する他のメソッドよりも前に呼び出す必要があります。
  • openMessenger - Crisp メッセンジャー チャット ウィンドウを開く。ユーザーにチャット インターフェイスを表示します。
  • 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'
});

フル リファレンス

Using @capgo/capacitor-crisp から続けてください

Capgoを利用している場合 Using @capgo/capacitor-crisp 企業向けの移行と運用を計画する場合、Capgoと連携してください @capgo/capacitor-crisp for the implementation detail in @capgo/capacitor-crisp, Capgo Enterprise Capgo Enterpriseの製品ワークフローについては、Capgo Enterpriseを参照してください Capgo Enterprise for the product workflow in Capgo Enterprise, Ionic Enterprise プラグイン代替 __CAPGO_KEEP_0__ の製品ワークフローに代替 Capgo 代替 Capgo の製品ワークフローに代替