メインコンテンツにジャンプ
@capgo/capacitor-ルーダースタック アナリティクス オープンソース

ルーダースタック Capacitor プラグイン

RudderStack analytics, identity resolution, screen tracking, and delivery controls for 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

デバイスでテスト

Download the Capgo app, then scan the QR code.

RudderStack プラグインのプレビュー QR code

@capgo/capacitor-rudderstackを使用

Capacitor APIは、RudderStackの公開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 Description
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リファレンス.

フルリファレンス

@capgo/capacitor-rudderstackを継続して使用してください。

Capacitor Rudderstackを使用している場合 @capgo/capacitor-ルーダースタック 計画ダッシュボードとAPIの運用を計画し、 @capgo/capacitor-ルーダースタック @capgo/capacitor-rudderstackの実装詳細について Capacitor RudderStack の始め方 Getting Startedの実装詳細について API まとめ API Overviewの実装詳細について Introduction Introductionの実装詳細について、 API キー API Keysの実装詳細について。

FAQ

RudderStackプラグインのFAQ

RudderStackプラグインをCapacitorアプリにインストールするにはどうすればいいですか?

RudderStackプラグインをインストールするには、次のコマンドを実行してください。 "bun add @capgo/capacitor-rudderstack" (または "npm install @capgo/capacitor-rudderstack" )、次に "bunx cap sync" を実行して、iOS と Android のプロジェクトがネイティブ code を取得するようにします。 その後、@capgo/capacitor-rudderstack をインポートして、code で使用します。

Does @capgo/capacitor-rudderstack work with React, Vue and Angular?

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プラグインはCapacitorのメジャーバージョンに従います。Capacitorのメジャーバージョンと一致するプラグインのメジャーバージョンを使用してください(例:プラグインv8とCapacitor 8)。GitHub READMEの互換性テーブルには、維持されているバージョンがリストされています。

RudderStackの@capgo/capacitorは無料でオープンソースですか?

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をアップデートすると、ネイティブコードが変更されるため、ストアのビルドが必要になります。その後、Capgoのライブアップデートを使用して、JavaScript、HTML、CSSの変更を即時実行できます。

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

プラグインがストアのビルドに含まれると、Capgoのライブアップデートは、ユーザーにJavaScript、HTML、CSSの変更を数分でプッシュします。

Capgo