Facebook重新定位React Native的像素代码

Tha*_*ham 4 facebook facebook-graph-api facebook-events react-native facebook-pixel

嗨,我尝试为我的本机应用程序添加facebook重定向像素,我希望社区可以帮助我澄清一些事情.首先,为了跟踪事件PageViewViewContent产品,我将以下脚本添加到产品页面.

<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>
Run Code Online (Sandbox Code Playgroud)

我想知道如何用React Native实现同样的目标.我看到Facebook有FB SDK for react native(https://developers.facebook.com/docs/react-native),我想问一下,这个SDK是什么,我可以实现类似于我上面的web .如果我查看产品,我会这样做吗?

AppEventsLogger.logEvent('ViewContent');
Run Code Online (Sandbox Code Playgroud)

如果是这样,我可以指定其他参数,也许是这样的?

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'
});
Run Code Online (Sandbox Code Playgroud)

有这方面成功经验的人,请帮帮我.非常感谢你

Jag*_*ngh 7

猜测要使用的事件是正确的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'
});
Run Code Online (Sandbox Code Playgroud)

将在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'
});
Run Code Online (Sandbox Code Playgroud)

有了这个,你应该很高兴.我希望这解决了你的疑问.

注意:

React Native Bridge目前不支持数组.您可以检查为其中阵列中不支持的地方.

  • fb_content_id:如果您有多个内容 ID,则应在转义的 JSON 数组中提供这些 ID,例如:"[\"1234\",\"5678\"]" (2认同)