본문으로 건너뛰기
@capgo/capacitor-루더스택 분석 오픈 소스

루더 스택 Capacitor 플러그인

루더 스택 분석, 식별성 해결, 화면 추적 및 전달 제어를 위한 Capacitor

설치

bun add @capgo/capacitor-rudderstack bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-rudderstack
  • pnpm add @capgo/capacitor-rudderstack
  • yarn add @capgo/capacitor-rudderstack

가이드

How to use RudderStack in Capacitor

장치에서 테스트

Capgo 앱을 다운로드한 후 QR code을 스캔하세요.

루더스택 플러그인 미리보기 QR code

@capgo/capacitor-rudderstack을 사용하세요

Capacitor API은 루더스택의 공개 표면을 반영합니다. rudder-sdk-cordova.

설치

bun add @capgo/capacitor-rudderstack
bunx cap sync

bunx cap sync 이 플러그인의 원시 code을 원시 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

Import

import { nativePlugin } from '@capgo/capacitor-rudderstack';

API을 한눈에

Method 설명
initialize RudderStack 클라이언트를 초기화합니다.
identify 제공된 사용자 ID를 위한 identify 호출을 보냅니다.
group 제공된 그룹 ID를 위한 group 호출을 보냅니다.
track 제공된 이벤트 이름을 위한 track 호출을 보냅니다.
screen 제공된 스크린 이름을 위한 screen 호출을 보냅니다.
alias 현재 사용자를 새로운 식별자로.alias합니다.
reset 현재 RudderStack 식별 상태를 초기화합니다.
flush 즉시 큐드 이벤트를 비우세요.
putDeviceToken 지원되는 목적지로 RudderStack이 전달하는 푸시 토큰을 설정합니다.
setAdvertisingId 현재 동작에 대한 소스 정의를 참조하세요.
putAdvertisingId 사용자 지정 광고 ID 값을 설정합니다.
setAnonymousId 현재 동작에 대한 소스 정의를 참조하세요.
putAnonymousId 사용자 지정 익명 ID 값을 설정합니다.
optOut RudderStack 추적을 비활성화합니다.

예시

initialize()

RudderStack 클라이언트를 초기화합니다.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.initialize('write-key-123');

identify()

RudderStack 클라이언트를 초기화합니다.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.identify('user-id-123');

group()

제공된 사용자 ID에 대한 identify 호출을 보냅니다.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.group('group-id-123');

track()

제공된 그룹 ID에 대한 group 호출을 보냅니다.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.track('event');

screen()

제공된 화면 이름에 대한 화면 호출을 보냅니다.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.screen('screen');

alias()

현재 사용자를 새로운 식별자로_ALIAS합니다.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.alias('new-id-123');

위 표에는 14 개의 핵심 메서드가 나열되어 있습니다. 리스너 및 버전 도우미, 각 메서드의 전체 계약은 __CAPGO_KEEP_0__ 저장소에서 문서화되어 있습니다. GitHub 참조.

전체 참조

Using @capgo/capacitor-rudderstack

Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-rudderstack Using @capgo/capacitor-rudderstack 계획 대시보드와 API 운영을 계획하고 연결하려면 @capgo/capacitor-루드러스택 @capgo/capacitor-rudderstack 구현 세부 사항 Getting Started Getting Started 구현 세부 사항 API 개요 API 개요 구현 세부 사항 소개 소개, 구현 세부 사항 API 키 API 키 구현 세부 사항

FAQ

RudderStack 플러그인 FAQ

루더 스택 플러그인을 Capacitor 앱에 설치하는 방법은?

루더 스택 플러그인을 설치하려면 "bun add @capgo/capacitor-rudderstack" (또는 "npm install @capgo/capacitor-rudderstack"), 그리고 "bunx cap sync"를 실행하여 iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 "@capgo/capacitor-rudderstack"을 앱 code에서 수입하세요.

React, Vue 및 Angular와 함께 @capgo/capacitor-rudderstack이 작동하는지 여부?

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

Capacitor 버전은 @capgo/capacitor-rudderstack이 지원하는지 궁금하십니까?

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.

@capgo/capacitor-rudderstack은 무료이고 오픈 소스인가요?

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

RudderStack을 사용하는 code을 업데이트할 수 있나요?

code을 설치하거나 업그레이드하면 원시 code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

루더스택 변경을 앱 리뷰 기다리지 않고 배포하세요.

플러그인이 스토어 빌드에 포함되면 Capgo live updates는 사용자에게 몇 분만에 자바스크립트, HTML 및 CSS 변경을 푸시합니다.

시작하기 Capgo