ClkLog埋点分析系统-React Native埋点上报攻略

ClkLog是一款支持开源和商业付费的用户行为分析软件系统，通过采集客户端行为日志数据，在开源的OLAP数据库上进行模型分析。常见的客户端有Web JS、IOS、Andriod 、小程序等，以及react-native 、uni-app等。Clklog方案选用了神策提供的开源SDK来进行数据采集。

最近两个客户使用React Native集成神策SDK的时候，由于React Native开发环境的复杂性，遇到了困难，希望Clklog提供技术支持。ClkLog专门安排研发工程师和合作伙伴验证和制作了一套集成demo，并开源出来供大家参考。大家可以根据demo中的环境与配置进行集成验证。如果自己的环境和demo环境不一致，可能还需要大家自己研究下。

React Native-demo说明

本demo支持IOS和Android，并实现了相关功能点的示例。

• 示例包含的内容：

1、神策react-native-sdk在IOS端和Android端的集成和初始化

2、全埋点的代码的接入

3、会话的接入

4、简易用户的接入示例

5、自定义事件的接入示例

6、自定义用户属性的接入示例

7、自定义页面标题的接入示例

由于ClkLog 的数据统计需开启会话跟踪和App崩溃事件，我们在集成过程中发现神策SDK：sensorsdata-analytics-react-native sdk 默认不开启相关配置，所以 demo 中使用的 sdk 是从官网 fork 后修改过的版本。

• fork 后修改过的sdk源码：

https://gitee.com/clklog/sensorsdata-analytics-react-native-for-clklog

• fork 后修改sdk的详细记录：

https://gitee.com/clklog/sensorsdata-analytics-react-native-for-clklog/commits/master

• sdk 修改的内容：

1. 修改神策sdk模块依赖。
2. 神策sdk在android/build.gradle的依赖配置方式。
3. Android初始化时AppCrash事件跟踪的开启和会话的配置。
4. iOS初始化时AppCrash事件跟踪的开启和会话的配置。

demo源码地址

我们分别在gitee和github中上传了demo，欢迎大家前来围观。

https://gitee.com/clklog/clklog-react-native-demo

https://github.com/clklog/clklog-react-native-demo

如果您有更多的建议或经验可以在社群中与我们分享

让我们一起共建社区

添加ClkLog微信好友 加入社群