ページ/エリア: Capgo マーケティング ウェブサイト。役割: ショート UI ラベルまたはナビゲーション アイテム。見られる場所: コンポーネント GlobalInfrastructure.astro、ページ observe.astro。メッセージ キー `cta_start_free` (CTA Start Free)。| ページ/エリア: Capgo マーケティング ウェブサイト。役割: ショート UI ラベルまたはナビゲーション アイテム。見られる場所: コンポーネント Hero.astro、コンポーネント HowItWorks.astro。メッセージ キー `hero_cta_try_free` (Hero CTA Try Free)。

インストール

AI-Assisted セットアップを使用してプラグインをインストールできます。AIツールに Capgo スキルを追加するには、以下のコマンドを実行してください。

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

次に、以下のプロンプトを使用してください。

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-crisp` plugin in my project.

Manual セットアップを使用する場合は、以下のコマンドを実行してプラグインをインストールし、以下のプラットフォーム固有の指示に従ってください。

bun add @capgo/capacitor-crisp
bunx cap sync

インポート

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

API オーバーヴィュー

configure

サイトIDを使用してCrissp 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'
});

pushEvent

Crisp へのカスタムイベントをプッシュします。 ユーザー行動と行動を追跡するのに役立ちます。

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

await CapacitorCrisp.pushEvent({
  name: 'completed_purchase',
  color: 'green'
});

setCompany

現在のセッションの会社情報を設定します。 Crisp でのユーザーと会社を関連付けます。

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

await CapacitorCrisp.setCompany({
  name: 'Acme Corp',
  url: 'https://acme.com',
  employment: ['CEO', 'Executive'],
  geolocation: ['USA', 'San Francisco']
});

setInt

カスタム整数データフィールドを設定します。 ユーザーセッションに関連付けられた数値データを保存します。

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

await CapacitorCrisp.setInt({ key: 'user_level', value: 42 });

setString

カスタム文字列データフィールドを設定します。 ユーザーセッションに関連付けられたテキストデータを保存します。

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

await CapacitorCrisp.setString({ key: 'subscription_tier', value: 'premium' });

sendMessage

ユーザーからチャットにメッセージを送信します。 プログラム的にメッセージを送信します。ユーザーが入力したように見えます。

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

await CapacitorCrisp.sendMessage({ value: 'Hello, I need help!' });

setSegment

ユーザーをターゲットおよび組織するためにセグメントを設定します。 Crisp ダッシュボードでユーザーをカテゴリ化するために使用されます。

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

await CapacitorCrisp.setSegment({ segment: 'premium-users' });

reset

Crisp セッションをリセットします。 ユーザーデータをすべてクリアし、新しいセッションを開始します。 ユーザーがログアウトしたときに便利です。

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

await CapacitorCrisp.reset();

型参照

ConfigureOptions

Crispの初期化に必要な設定

export interface ConfigureOptions {
  /**
   * Your Crisp website ID from dashboard.
   */
  websiteID: string;
  /**
   * Optional - Locale to force in the Crisp chat widget (ISO 639-1), eg. `en`, `fr`, `es`.
   * Web + Android: overrides the runtime locale. iOS follows the device/app locale.
   */
  locale?: string;
  /**
   * Optional - Unique token identifier for the user session continuity.
   */
  tokenID?: string;
}

eventColor

Crispイベントの可視化に使用される色。Crispダッシュボードでイベントをカテゴリ化するのに役立ちます。

export type eventColor =
  | 'red'
  | 'orange'
  | 'yellow'
  | 'green'
  | 'blue'
  | 'purple'
  | 'pink'
  | 'brown'
  | 'grey'
  | 'black';

ソース オブ トゥルース

このページはプラグインの src/definitions.tsパブリック API のアップストリーム変更時に再度同期してください。

続けてGetting Started

Capgoを使用している場合 はじめに Capgoを使用してダッシュボードとAPIの操作を計画する場合、CapgoをAPIに接続します。 Capgoのcapgo-crispを使用して、Capgoのcapacitor-crispのネイティブ機能を実装します。 Capgoのネイティブ機能の使用に@capgo/capacitor-crispを使用します。 CapgoのAPI-crispの実装詳細 CapgoのAPI-crispの概要 Introduction Capgoの__CAPGO_KEEP_0__-crispの概要 API キー CapgoのAPI-crispの概要 デバイス デバイスの実装詳細について