跳转至正文
@capgo/capacitor-rudderstack 数据分析 开源

RudderStack Capacitor 插件

为 Capacitor 提供 RudderStack 分析、身份解析、屏幕追踪和投递控制

安装

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

指南

如何在 Capacitor 中使用 RudderStack

在设备上测试

下载 Capgo App,然后扫描二维码 code。

RudderStack 插件预览二维码 code

使用 @capgo/capacitor-rudderstack

镜像了 Capacitor API 的公开接口 rudder-sdk-cordova.

安装

bun add @capgo/capacitor-rudderstack
bunx cap sync

bunx cap sync 将插件的原生 code 复制到你的原生项目中。每次升级插件后都要重新运行。

导入

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

API 概览

方法 描述
initialize 初始化 RudderStack 客户端。
identify 为提供的用户 ID 发送 identify 调用。
group 为提供的 group ID 发送 group 调用。
track 为提供的事件名称发送 track 调用。
screen 为提供的屏幕名称发送 screen 调用。
alias 将当前用户关联到新的标识符。
reset 重置当前的 RudderStack 身份状态。
flush 立即发送队列中的事件。
putDeviceToken 设置 RudderStack 转发到支持的目标端的 push token。
setAdvertisingId 查看源码定义以了解当前行为。
putAdvertisingId 设置自定义广告 ID 值。
setAnonymousId 查看源码定义以了解当前行为。
putAnonymousId 设置自定义匿名 ID 值。
optOut 切换 RudderStack 追踪退出状态。

示例

initialize()

初始化 RudderStack 客户端。

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

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

identify()

为提供的用户 ID 发送 identify 调用。

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

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

group()

为提供的 group ID 发送 group 调用。

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

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

track()

为提供的事件名称发送 track 调用。

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

await nativePlugin.track('event');

screen()

为提供的屏幕名称发送 screen 调用。

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

await nativePlugin.screen('screen');

alias()

将当前用户关联到新的标识符。

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

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

上表列出了 14 个核心方法。监听器与版本辅助函数,以及每个方法的完整规范,均记录在 GitHub 仓库.

完整参考文档

继续阅读“使用 @capgo/capacitor-rudderstack”

如果你正在使用 使用 @capgo/capacitor-rudderstack 要规划 dashboard 和 API 操作,请将其连接到 @capgo/capacitor-rudderstack 了解 @capgo/capacitor-rudderstack 中的实现细节, 快速入门 有关“入门指南”中的实现细节, API 概览 关于 API Overview 中的实现细节, 简介 关于简介中的实现细节,以及 API 密钥 关于 API Keys 中的实现细节。

常见问题

RudderStack 插件常见问题

如何在 Capacitor 应用中安装 RudderStack 插件?

运行 "bun add @capgo/capacitor-rudderstack"(或 "npm install @capgo/capacitor-rudderstack"),然后运行 "bunx cap sync",让 iOS 和 Android 项目加载原生 code。最后在应用 code 中从 "@capgo/capacitor-rudderstack" 导入即可。

@capgo/capacitor-rudderstack 是否支持 React、Vue 和 Angular?

支持。RudderStack 是一个 Capacitor 包,因此它支持任何在 Capacitor 中运行的 Web 框架,包括 Ionic、React、Vue、Angular、Svelte 以及纯 JavaScript。

@capgo/capacitor-rudderstack 支持哪个版本的 Capacitor?

Capgo 插件遵循 Capacitor 的主版本号:请使用与 Capacitor 主版本号一致的插件主版本(例如插件 v8 对应 Capacitor 8)。GitHub README 中的兼容性表列出了仍在维护的版本。

@capgo/capacitor-rudderstack 是免费开源的吗?

是的。code 的源码已在 GitHub 上公开,地址为 https://github.com/Cap-go/capacitor-rudderstack/,并且该包可从 npm 免费安装。欢迎提交 Bug 报告和 Pull Request。

我可以在不经过 App Store 审核的情况下,更新使用了 RudderStack 的 code 吗?

安装或升级插件会改动原生 code,因此需要重新做一次商店构建。之后,调用该插件的 JavaScript、HTML 和 CSS 改动就能通过 Capgo live updates 立即发布。

无需等待 App 审核即可发布 RudderStack 变更

只要插件已包含在你的商店版本中,Capgo live updates 就能在几分钟内把 JavaScript、HTML 和 CSS 的改动推送给用户。

开始使用 Capgo