跳转至正文

Facebook Analytics Capacitor 插件

Meta/Facebook App Events 分析,支持标准事件、购买记录、货币参数和广告主追踪控制

安装

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

指南

如何在 Capacitor 中使用 Facebook Analytics

使用 @capgo/capacitor-facebook-analytics

为 iOS 和 Android 上的 Capacitor 应用提供 Meta/Facebook App Events 数据分析。

安装

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

插件暴露的内容

  • initAppEvents - 手动激活 Facebook App Events。
  • logEvent - 记录带有参数、数值和货币的标准或自定义 App Events。
  • logPurchase - 记录包含金额和货币的购买事件。
  • enableAdvertiserTracking - 在支持的情况下启用原生广告追踪。
  • disableAdvertiserTracking - 在支持的情况下禁用原生广告追踪。
  • getAdvertiserTrackingStatus - 读取当前的广告追踪状态。
  • getPluginVersion - 读取原生插件版本。

用法示例

logEvent

使用 Facebook 参数记录标准事件。

import {
  FacebookAnalytics,
  FacebookEventName,
  FacebookEventParameterName,
} from '@capgo/capacitor-facebook-analytics';

await FacebookAnalytics.logEvent({
  event: FacebookEventName.CompletedRegistration,
  params: {
    [FacebookEventParameterName.RegistrationMethod]: 'email',
  },
});

logEvent 包含数值和货币

发送带有数值的标准事件,并使用 fb_currency 参数。

import {
  FacebookAnalytics,
  FacebookEventName,
  FacebookEventParameterName,
} from '@capgo/capacitor-facebook-analytics';

await FacebookAnalytics.logEvent({
  event: FacebookEventName.AddedToCart,
  valueToSum: 19.99,
  currency: 'USD',
  params: {
    [FacebookEventParameterName.ContentType]: 'product',
    [FacebookEventParameterName.ContentId]: 'sku-123',
  },
});

logPurchase

记录购买事件。

import { FacebookAnalytics } from '@capgo/capacitor-facebook-analytics';

await FacebookAnalytics.logPurchase({
  amount: 9.99,
  currency: 'USD',
});

完整参考

从“使用 @capgo/capacitor-facebook-analytics”继续

如果你正在使用 使用 @capgo/capacitor-facebook-analytics 要规划原生插件工作,请将其与 @capgo/capacitor-facebook-analytics 有关 @capgo/capacitor-facebook-analytics 中的实现细节, 快速入门 有关“入门指南”中的实现细节, Capgo 插件目录 查看 Capgo 插件目录中的产品工作流, Capgo 提供的 Capacitor 插件 有关 Capgo 开发的 Capacitor 插件的实现细节,以及 添加或更新插件 有关添加或更新插件的实现细节。

常见问题

Facebook Analytics 插件常见问题

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

运行 "bun add @capgo/capacitor-facebook-analytics"(或 "npm install @capgo/capacitor-facebook-analytics"),然后运行 "bunx cap sync",让 iOS 和 Android 项目引入原生 code。再在你的 code 中从 "@capgo/capacitor-facebook-analytics" 导入。

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

是的。Facebook Analytics 是一个 Capacitor 包,因此它适用于任何运行在 Capacitor 中的 Web 框架,包括 Ionic、React、Vue、Angular、Svelte 和纯 JavaScript。

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

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

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

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

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

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

无需等待 App Store 审核,即可发布 Facebook Analytics 更新

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

开始使用 Capgo