首页 > 解决方案 > 我们如何使用 facebook AppEventsLogger 在 react native 中添加到购物车事件

问题描述

我正在尝试实现 facebook SDK 来跟踪我的应用程序中的添加到购物车事件,但它在这里不起作用是我的代码

首先,我在我的应用程序 react-native-fbsdk 中导入了 facebook SDK,它已成功安装并且登录功能运行良好。

现在在产品屏幕中,我从 SDK 导入 facebook AppEventsLogger 和 AppEventsConstants

const FBSDK = require('react-native-fbsdk');
const {
    AppEventsLogger,
    AppEventsConstants
} = FBSDK;

当用户成功将产品添加到其购物车时,我需要在日志中跟踪此事件,我尝试下面的代码,但它不起作用

var params = {};
params[AppEventsConstants.CONTENT] = "Sample Product 1";
params[AppEventsConstants.CONTENT_ID] = "1";
params[AppEventsConstants.CONTENT_TYPE] = "Product";
params[AppEventsConstants.CURRENCY] = "INR";

AppEventsLogger.logEvent(AppEventsConstants.EVENT_NAME_ADDED_TO_WISHLIST, 40, params)

上面的代码给了我一个未定义的错误。请帮助我如何实现这一点。

标签: react-nativereact-native-fbsdk

解决方案


不幸的是,react-native-fbsdk 不提供标准事件名称和参数名称的常量。经过一番研究,我发现营销 API 文档中列出了实际名称(为什么不是 App Events?)。

我不知道这是否是正确的地方,但您可以参考https://developers.facebook.com/docs/marketing-api/app-event-api/了解实际的标准事件名称和参数名称。至少它在我的情况下有效。这是我的添加到购物车事件代码:

function logAddToCart(totalPrice, contentType, contentId, currency) {
    const params = {
        'fb_content_type': contentType,
        'fb_content_id': contentId,
        'fb_currency': currency
    };
    AppEventsLogger.logEvent('fb_mobile_add_to_cart', totalPrice, params);
}

推荐阅读