vue项目引入神策is_track_device_id:true, //设置成 true 后，表示事件属性里面添加一个

(1)安装神策sdk --->  npm install  sa-sdk-javascript

(2)引入相关篇配置文件

import Vue from 'vue'

import sa from'sa-sdk-javascript';

let saBackstageUrl='XXXXXX'; // 神策数据接收地址

let show_log = true; // 测试环境可设置true ,线上设置为false

Vue.prototype.$sa = sa;

const selfSensorsdata = function(){

sa.init({

server_url:saBackstageUrl , //

神策数据接收地址

heatmap_url:'XXXXXX',

web_url:"XXXXXXXXXXXXXXXX",

is_track_device_id:true, //设置成 true 后，表示事件属性里面添加一个设备 id 的属性，存贮在 cookie 里面并发送。默认 false，记录但不发送。

use_client_time:false, //true表示使用客户端系统时间

use_app_track: false, //是app 与H5 是否打通

send_type:'ajax',

show_log: show_log, // 打印console，自己配置，可以看到自己是否踩点成功

heatmap: {

//是否开启点击图，默认 default 表示开启，自动采集 $WebClick 事件，可以设置 'not_collect' 表示关闭

clickmap:'default',

//是否开启触达注意力图，默认 default 表示开启，自动采集 $WebStay 事件，可以设置 'not_collect' 表示关闭

scroll_notice_map:'default',

//设置多少毫秒后开始渲染点击图,因为刚打开页面时候页面有些元素还没加载

loadTimeout: 3000,

}

});

sa.registerPage({platform_type:"H5",app_name:'黄金钱包'})

sa.quick('autoTrack'); //进行全埋点

}

export default selfSensorsdata

二.项目中进行使用及注意事项

（1）$pageview事件自动出发，在控制台可以查看是否打印

（2）全埋点默认只自动采集这些交互元素（a input button textarea）的$WebClick点击事件

（3）其余标签发送$WebClick事件案例

<div @click='readAll($event)'>发送$webClick事件</div>

readAll:function(e) { if(e){ this.$sa.quick('trackHeatMap', e.currentTarget); }}

（4）发送自定义P2pBuy1事件案例

 this.$sa.track('P2pBuy1', {product_type:'XXXXX',product_id:'XXXX',product_name:'XXXXXX'})

(5)相关参考文档：