跳转至正文

Firebase Analytics Capacitor 插件

Capacitor Firebase Analytics 插件

安装

bun add @capgo/capacitor-firebase-analytics bunx cap sync
npm、pnpm 或 yarn
  • npm install @capgo/capacitor-firebase-analytics
  • pnpm add @capgo/capacitor-firebase-analytics
  • yarn add @capgo/capacitor-firebase-analytics

指南

如何在 Capacitor 中使用 Firebase Analytics

使用 @capgo/capacitor-firebase-analytics

用于 Firebase Analytics 的 Capacitor 插件

安装

bun add @capgo/capacitor-firebase-analytics
bunx cap sync

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

导入

import { FirebaseAnalytics } from '@capgo/capacitor-firebase-analytics';

API 概览

方法 描述
getAppInstanceId 获取应用实例 ID。
getSessionId 获取当前会话 ID(ga_session_id).
setConsent 设置用户的同意模式。
setUserId 设置用户 ID 属性。
setUserProperty 设置自定义用户属性及其对应值。
setCurrentScreen 设置当前页面名称。
logEvent 记录应用事件。
setSessionTimeoutDuration 设置因用户闲置而导致当前会话结束的持续时间。
setEnabled 启用/禁用自动数据收集。该设置在下次启动 App 时生效。
isEnabled 返回是否已启用自动数据收集。
resetAnalyticsData 清除设备上此应用的所有分析数据,并重置应用实例 ID。
logTransaction 记录一条 StoreKit 2 交易。
initiateOnDeviceConversionMeasurementWithEmailAddress 使用电子邮件地址启动设备端转化衡量。
initiateOnDeviceConversionMeasurementWithPhoneNumber 使用电话号码启动设备端转化衡量。
initiateOnDeviceConversionMeasurementWithHashedEmailAddress 使用经过哈希处理的电子邮件地址启动设备端转化衡量。
initiateOnDeviceConversionMeasurementWithHashedPhoneNumber 使用经过哈希处理的电话号码启动设备端转化衡量。

示例

getAppInstanceId()

获取应用实例 ID。

import { FirebaseAnalytics } from '@capgo/capacitor-firebase-analytics';

const result = await FirebaseAnalytics.getAppInstanceId();
console.log(result);

getSessionId()

获取当前会话 ID(ga_session_id).

import { FirebaseAnalytics } from '@capgo/capacitor-firebase-analytics';

const result = await FirebaseAnalytics.getSessionId();
console.log(result);

setConsent()

设置用户的同意模式。

import { FirebaseAnalytics, ConsentStatus, ConsentType } from '@capgo/capacitor-firebase-analytics';

await FirebaseAnalytics.setConsent({
  type: ConsentType.AdPersonalization,
  status: ConsentStatus.Granted,
});

setUserId()

设置用户 ID 属性。

import { FirebaseAnalytics } from '@capgo/capacitor-firebase-analytics';

await FirebaseAnalytics.setUserId({ userId: 'user-id-123' });

setUserProperty()

设置自定义用户属性及其对应的值。

import { FirebaseAnalytics } from '@capgo/capacitor-firebase-analytics';

await FirebaseAnalytics.setUserProperty({
  key: 'key-123',
  value: 'value',
});

setCurrentScreen()

设置当前页面名称。

import { FirebaseAnalytics } from '@capgo/capacitor-firebase-analytics';

await FirebaseAnalytics.setCurrentScreen({ screenName: 'screen' });

上表列出了 16 个核心方法。有关监听器、版本辅助函数以及每个方法的完整契约,请参阅 GitHub 仓库.

完整参考文档

继续使用 @capgo/capacitor-firebase-analytics

如果你正在使用 使用 @capgo/capacitor-firebase-analytics 要规划原生插件工作,请将其与 Capgo 插件目录 查看 Capgo 插件目录中的产品工作流, Capgo 提供的 Capacitor 插件 查看由 Capgo 提供的 Capacitor 插件中的实现细节, 添加或更新插件 查看添加或更新插件中的实现细节, Ionic Enterprise 插件替代方案 查看 Ionic Enterprise 插件替代方案中的产品工作流,以及 Capgo Native Build 查看 Capgo Native Builds 中的产品工作流。

常见问题

Firebase Analytics 插件常见问题

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

运行 "bun add @capgo/capacitor-firebase-analytics"(或 "npm install @capgo/capacitor-firebase-analytics"),然后运行 "bunx cap sync",让 iOS 和 Android 项目识别原生 code。再在应用 code 中从 "@capgo/capacitor-firebase-analytics" 导入它。

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

支持。Firebase Analytics 是一个 Capacitor package,因此它可以在任何运行于 Capacitor 内部的 Web framework 中使用,包括 Ionic、React、Vue、Angular、Svelte 以及原生 JavaScript。

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

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

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

是的。code 的源码已在 GitHub 公开,地址为 https://github.com/Cap-go/capacitor-firebase/tree/main/packages/analytics,并且你可以直接从 npm 免费安装。欢迎提交 Bug reports 和 pull requests。

我能否在无需经过 App Store 审核的情况下,更新使用了 Firebase Analytics 的 code?

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

无需等待 App Store 审核,即可推送 Firebase Analytics 的变更

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

开始使用 Capgo