用于 React Native 的 Facebook Retargeting Pixel 代码

Question

您好，我正在尝试为我的 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'
});

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

Answer 1

您猜对了react-native-fbsdk 使用的事件。如果您查看此 SDK 的源代码here，您会发现您可以通过多种方式使用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 目前不支持数组。不支持数组的地方可以查看this。

2021 年 9 月更新

Facebook 现已停止对 react-native-fbsdk 的官方支持，但有一个 strong community fork 正在积极维护中。