10

嗨，我正在尝试为我的 react native 应用程序添加 facebook 重定向像素，我希望社区可以帮助我澄清一些事情。首先，为了跟踪事件PageView或ViewContent产品，我将以下脚本添加到产品页面。

<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');

fbq('init', 'xxxxxxxxxxxxxxxx');
fbq('track', 'PageView');
fbq('track', 'ViewContent', {

        content_name: 'Truyện Cổ Grimm (Bìa Cứng)',
        content_category: 'Truyện đọc',
        content_ids: ['8935212329736'],
        content_type: 'product',
        value: 153750,
        currency: 'VND'

});
</script>

我想知道如何使用 React Native 实现相同的目标。我看到 Facebook 有用于 react native 的 FB SDK（https://developers.facebook.com/docs/react-native），我想问一下，这个 SDK 是我可以实现的类似于我在上面的网络中所拥有的吗. 如果我查看产品，我是否就这样做？

AppEventsLogger.logEvent('ViewContent');

如果是这样，但是我可以指定其他参数吗，也许像这样？

AppEventsLogger.logEvent('ViewContent', {

    content_name: 'Truyện Cổ Grimm (Bìa Cứng)',
    content_category: 'Truyện đọc',
    content_ids: ['8935212329736'],
    content_type: 'product',
    value: 153750,
    currency: 'VND'
});

任何有这方面成功经验的人，请帮助我。非常感谢你

4

1 回答 1

12

您猜对要与 . 一起使用的事件是正确的react-native-fbsdk。如果您在此处查看此 SDK 的源代码，您会发现可以logEvent以多种方式使用方法。

你猜到的方法：

AppEventsLogger.logEvent('ViewContent', {
    content_name: 'Truyện Cổ Grimm (Bìa Cứng)',
    content_category: 'Truyện đọc',
    content_ids: ['8935212329736'],
    content_type: 'product',
    value: 153750,
    currency: 'VND'
});

将在 FB Analytics 上记录事件，然后您可以根据这些参数自定义您的报告。在我使用它的过程中，我遇到了一个问题，它不支持数组。所以上面的代码将被更改如下：

AppEventsLogger.logEvent('ViewContent', {
    content_name: 'Truyện Cổ Grimm (Bìa Cứng)',
    content_category: 'Truyện đọc',
    content_ids: '8935212329736',
    content_type: 'product',
    value: 153750,
    currency: 'VND'
});

有了这个，你应该很高兴。我希望这能解决您的疑问。

笔记：

React Native Bridge 目前不支持数组。你可以检查一下这个不支持数组的地方。

2021 年 9 月更新

Facebook 现在已经停止了他们的官方支持，react-native-fbsdk但有一个强大的社区分支正在积极维护。

于 2017-04-06T11:01:53.297 回答