跳过内容

开始入门

Terminal window
bun add @capgo/capacitor-facebook-analytics
bunx cap sync
import {
FacebookAnalytics,
FacebookEventName,
FacebookEventParameterName,
} from '@capgo/capacitor-facebook-analytics';

原生设置

原生设置

在原生应用中配置您的Meta应用ID和客户端令牌。插件不会为您创建这些值。

iOS

iOS

将您的Meta值添加到 Info.plist:

<key>FacebookAppID</key>
<string>YOUR_FACEBOOK_APP_ID</string>
<key>FacebookClientToken</key>
<string>YOUR_FACEBOOK_CLIENT_TOKEN</string>
<key>FacebookDisplayName</key>
<string>YOUR_APP_NAME</string>

Android

Android

将您的Meta值添加到 AndroidManifest.xml:

<meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id" />
<meta-data android:name="com.facebook.sdk.ClientToken" android:value="@string/facebook_client_token" />

添加原生字符串资源 android/app/src/main/res/values/strings.xml:

<string name="facebook_app_id">YOUR_FACEBOOK_APP_ID</string>
<string name="facebook_client_token">YOUR_FACEBOOK_CLIENT_TOKEN</string>

启用广告商跟踪

启用广告商跟踪

在允许跟踪的-consent 流程之后,调用此函数。

await FacebookAnalytics.enableAdvertiserTracking();

在 iOS 17 及以上版本中,FBSDK v17+ 可直接读取 App Tracking Transparency。 在登录跟踪依赖事件之前,请在您的应用中使用 ATT 流程。

记录标准事件

启用记录标准事件
await FacebookAnalytics.logEvent({
event: FacebookEventName.CompletedRegistration,
params: {
[FacebookEventParameterName.RegistrationMethod]: 'email',
},
});

记录带有货币的值事件

启用记录带有货币的值事件
await FacebookAnalytics.logEvent({
event: FacebookEventName.AddedToCart,
valueToSum: 19.99,
currency: 'USD',
params: {
[FacebookEventParameterName.ContentType]: 'product',
[FacebookEventParameterName.ContentId]: 'sku-123',
},
});
await FacebookAnalytics.logPurchase({
amount: 9.99,
currency: 'USD',
});
const { status } = await FacebookAnalytics.getAdvertiserTrackingStatus();
console.log('Advertiser tracking enabled:', status);

This page is generated from the plugin’s src/definitions.ts. Re-run the sync when the public API changes upstream.

If you are using Getting Started 为native插件工作做好准备,连接它 使用@capgo/capacitor-facebook-analytics 在使用@capgo/capacitor-facebook-analytics时, Capgo插件目录 在Capgo插件目录中 Capacitor由Capgo提供 在Capacitor由Capgo提供时, 添加或更新插件 添加或更新插件的实现细节, Ionic企业插件替代方案 了解Ionic企业版插件替代方案的产品工作流程。