神策

引入

npm引入

npm install sa-sdk-javascript

import sensors from'sa-sdk-javascript';
sensors.init({
  is_track_single_page: true,
  server_url: 'https://shence.wosai-inc.com:8106/sa?project=customerana',
  //heatmap_url神策分析中点击分析及触达分析功能代码，代码生成工具会自动生成。如果神策代码中 `sensorsdata.min.js` 版本是 1.9.1 及以上版本，这个参数必须配置，低于此版本不需要配置。
  heatmap_url: "https://statics.wosaimg.com/cdn/sensor/1.12.8/heatmap.min.js",
  //web_url 神策分析中点击分析及触达分析功能会用到此地址，代码生成工具会自动生成。如果神策后台版本及 `sensorsdata.min.js` 均是 1.10 及以上版本，这个参数不需要配置。
  web_url:"神策分析后台地址",
  heatmap: {
     //是否开启点击图，默认 default 表示开启，自动采集 $WebClick 事件，可以设置 'not_collect' 表示关闭
     //需要 JSSDK 版本号大于 1.7
     clickmap:'default',
     collect_element: function(element_target){
       // 如果这个元素有属性sensors-disable=true时候，不采集
       if(element_target.getAttribute('sensors-disable') === 'true'){
         return false;
       }else{
         return true;
       }
     },
     //是否开启触达注意力图，默认 default 表示开启，自动采集 $WebStay 事件，可以设置 'not_collect' 表示关闭
     //需要 JSSDK 版本号大于 1.9.1
     scroll_notice_map:'not_collect'
  }
  .......
});
sensors.login(user_id);
sensors.quick('autoTrack');

SPA模式

is_track_single_page:true

使用该方法时首次进入页面可能不会自动触发$pageview，需要用户手动调一次sensors.quick('autoTrack');。

点击事件

默认捕捉a button input元素的点击事件

如果设置div元素也采集的话，点击事件太多了。

所以基本上有交互的地方，都是要button/a元素

如何标识用户

在登录和注册成功后，调用sensors.login("你们服务端分配给用户具体的登录 ID") 来标识真实用户

建议放在所有事件前面。也就是在 sdk 载入代码后面，先使用 sensors.login （如果此时有这个"你们服务端分配给用户具体的登录 ID" 的话），然后再用 sensors.quick('autoTrack') 等，这样后续的事件才会使用这个更改后的 真实 id。

更新: 2020-03-13 17:58:59
原文: https://www.yuque.com/u3641/dxlfpu/xz7kgl