컨텐츠로 바로가기

Crisp __CAPGO_KEEP_0__ 저장소

GitHub

Capgo의 AI-Assisted Setup을 사용하여 플러그인을 설치할 수 있습니다. 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 Setup을 선호한다면, 플러그인을 설치하기 위해 다음 명령어를 실행하고 아래의 플랫폼별 지침을 따르시오:

터미널 창
bun add @capgo/capacitor-crisp
bunx cap sync
import { CapacitorCrisp } from '@capgo/capacitor-crisp';

Crisp SDK을 웹사이트 ID와 함께 구성하세요. 이 메서드를 사용하기 전에 반드시 호출해야 합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.configure({ websiteID: 'YOUR_WEBSITE_ID' });

openMessenger

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.openMessenger();

__CAPGO_KEEP_2__

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.setTokenID({} as { tokenID: string });

__CAPGO_KEEP_2__

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setUser({
nickname: 'John Doe',
email: 'john@example.com',
phone: '+1234567890'
});

__CAPGO_KEEP_2__

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.pushEvent({
name: 'completed_purchase',
color: 'green'
});

현재 세션에 회사 정보를 설정합니다. Crisp에서 사용자와 회사 간의 연결을 설정합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setCompany({
name: 'Acme Corp',
url: 'https://acme.com',
employment: ['CEO', 'Executive'],
geolocation: ['USA', 'San Francisco']
});

현재 세션에 사용자 정수 데이터를 저장합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setInt({ key: 'user_level', value: 42 });

현재 세션에 사용자 문자열 데이터를 저장합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setString({ key: 'subscription_tier', value: 'premium' });

sendMessage

메시지 전송

사용자가 입력한 것처럼 메시지를 프로그램적으로 전송합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.sendMessage({ value: 'Hello, I need help!' });

setSegment

Segment 설정

사용자를 분류하기 위해 Crisp 대시보드에서 사용하는 사용자 세그먼트를 설정합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setSegment({ segment: 'premium-users' });

사용자 데이터를 모두 삭제하고 새로운 세션을 시작합니다. 사용자가 로그아웃할 때 유용합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.reset();

타입 참조

설정

클립보드에 복사

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.tspublic API이 업스트림에서 변경될 때 다시 싱크를 실행하세요.

이러한 플러그인을 사용하는 경우 대시보드와 __CAPGO_KEEP_0__를 계획하고 운영하기 위해 to plan dashboard and API operations, connect it with Using @capgo/capacitor-crisp 자연스러운 기능을 사용하는 데 @capgo/capacitor-crisp를 사용하세요. API 개요 API 개요에 대한 구현 세부 정보 소개 소개에 대한 구현 세부 정보 API 키 API 키에 대한 구현 세부 정보 장치 장치에 대한 구현 세부 정보