React Native的Facebook Retargeting像素代码

Question

React Native的Facebook Retargeting像素代码

facebookfacebook-graph-apireact-nativefacebook-eventsfacebook-pixel

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'
});

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

- Thang Pham

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jagjot · Accepted Answer

你猜测使用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不支持数组。你可以查看this，了解不支持数组的地方。

2021年9月更新

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