引入

npm引入
npm install sa-sdk-javascript

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