1. Web JS 埋点集成参考

• 1.1. 下载 ClKLOG WEB JS SDK

  点击此处下载 CLKLOG WEB JS SDK, 并将下载的ClKLOG WEB JS SDK文件包解压至网站目录, 参考目录结构如下：

  ├── 网站根目录    //SDK引用位置可根据实际应用情况进行调整   
      ├── plugins
      │   ├── session-event  //必须引用
      │   │   ├── index.js
      |── sensorsdata.js   
      |── autotrack.js

• 1.2. 修改autotrack.js中的配置信息

  • 1）确认autotrack.js中sensorsdata.js和plugins/session-event/index.js在实际项目中的引用路径。

  • 2）将autotrack.js中的server_url 接收服务地址配置信息修改为clklog数据采集地址，并调整参数project和token的配置。

    autotrack.js中的server_url参考配置如下：

      //server_url地址为 clklog-receiver 的接收服务地址
      server_url: 'http://10.10.222.21/receiver/api/gp?project=clklogapp&token=5388ed7459ba4c4cad0c8693fb85630a',

    相关信息

    server_url 地址参数说明：

    1. server_url地址为 clklog-receiver 的接收服务地址, project 和token参数必须传入。

    2. project 是埋点项目的项目编码，一般为英文字符，默认为clklogapp，可根据实际情况修改为自己项目的编码。

    3. token是receiver接收埋点项目日志的令牌，在【ClkLog后台】-【系统设置】-【项目管理】处添加项目后自动生成，receiver端在接收日志时暂未做任何验证。

    project 名称修改为自己项目的编码后，请注意执行以下修改或操作，否则日志不会入库：

    在【ClkLog后台】-【系统设置】-【项目管理】处添加项目相关信息。

    • 单页面应用数据采集说明

    1）如果是单页面应用，标题不变但需要自动采集页面浏览事件，需要将autotrack.js中的is_track_single_page值设置为ture。

    2）如果是单页面应用，标题会随着页面变化，同时也需要采集页面浏览事件，需要将autotrack.js 中的is_track_single_page 值设置为false，同时在页面标题改变结束后执行代码： sensors.quick('autoTrackSinglePage');

    注意

    如果您是直接从神策官网下载的sdk并按照官网引用方法进行埋点的，请注意session-event插件的引用。

• 1.3. 接入埋点跟踪代码

  在web网站页面引用autotrack.js,参考代码如下。

   <script src="/autotrack.js"></script>

• 1.4. 测试埋点代码是否接入正常

  在本地启动网站，打开浏览器访问网站，打开开发者工具，查看控制台, 出现如下提示信息说明埋点代码接入成功。

  

  提示

  通过 locahost 或 ip 访问时可忽略控制台中的 “[web-sdk-log]: getHostname传入的url参数不合法！” 提示

• 1.5 验证埋点接入是否成功

  • 埋点代码接入成功后，等待1分钟，返回前端 http://YOUR_DOMAIN/ ，刷新数据概览页面，如下图所示，当页面上的浏览概览相关数据值开始有数据说明埋点接入成功。

2. IOS 埋点集成参考

无 IOS 集成参考示例。

3. Andriod 埋点集成参考

无 Andriod 集成参考示例。

4. 微信小程序 埋点集成参考

无 微信小程序 集成参考示例。

uni-app 埋点集成参考

react-native 埋点集成参考

flutter 埋点集成参考

unity3d 埋点集成参考