メイン コンテンツにスキップ
@capgo/capacitor-クリップ コミュニケーション オープンソース

クリップ Capacitor プラグイン

Crispのライブチャットと顧客サポートをモバイルアプリに直接統合

インストール

bun add @capgo/capacitor-crisp bunx cap sync
npm、pnpmまたはyarn
  • npm install @capgo/capacitor-crisp
  • pnpm add @capgo/capacitor-crisp
  • yarn add @capgo/capacitor-crisp

ガイド

How to use Crisp in Capacitor

デバイスでテスト

Download the Capgo app, then scan the QR code.

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

@capgo/capacitor-crispを使用

SDKはCrisp チャットプラグインです。Capacitorのために、Crisp.chatを通じてライブチャットや顧客サポート機能を提供します。

インストール

bun add @capgo/capacitor-crisp
bunx cap sync

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

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

サンプル使用例

configure

Crisp を構成するには、ウェブサイト ID を指定してください。SDK を呼び出す前に、他のメソッドを使用する必要があります。

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

await CapacitorCrisp.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({ tokenID: 'token-id-123' });

setUser

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

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

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

フルリファレンス

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

Crisp を使用している場合 Capacitor-Crispを使用して@capgo/capacitor-crisp ビジネス運用と企業移行の計画に役立つため、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crispと接続する @capgo/capacitor-crisp @capgo/capacitor-crispの実装詳細のために Capacitor Crispの導入 Capacitor-Crispの実装詳細 Capgo ビジネスエンタープライズ Capacitor Crispの製品ワークフローでCapgo Enterpriseを使用します。 Ionic Enterprise Plugin Alternatives Capacitor-Crispの製品フロー Capgo の代替品 Capacitor Crispの製品ワークフローについてはCapgoの代替品を参照してください。

FAQ

Capacitor Crisp プラグイン FAQ

Capacitor Crisp プラグインをどのように Capacitor アプリにインストールするか?

CapacitorのCrispプラグインをbunアプリにインストールするには、"bun add @capgo/capacitor-crisp" (または "npm install @capgo/capacitor-crisp" )を実行し、次に "bunx cap sync" を実行してiOSとAndroidのプロジェクトがネイティブcodeを取得できるようにします。次に、@capgo/capacitor-crispからインポートし、codeで使用します。

@capgo/capacitor-crispは、React、Vue、Angularとどのどのフレームワークと一緒に動作するのでしょうか。

Yes. Crisp is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Which Capacitor version does @capgo/capacitor-crisp support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Is @capgo/capacitor-crisp free and open source?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-crisp/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Can I update code that uses Crisp without an App Store review?

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

アプリレビューの待たずにCrispの変更を配信する

プラグインがストアビルドに追加された後、Capgo ライブアップデートは、JavaScript、HTML、および CSS の変更をユーザーに数分で反映します。

Capgo で始めましょう。