h5 神策埋点_前端 神策埋点那点事儿

首先你需要在你的项目里面下载 sa-sdk-javascript 此插件

main.js 引入 import sensors from'sa-sdk-javascript' 并初始化一下

//神策初始化

sensors.init({

server_url: env == 'prod' ? 'https://sensorsdata.e-hqins.com/sa?project=production' : 'https://sensorsdata.e-hqins.com/sa?project=default', //'https://sensorsdata.e-hqins.com/sa?project=default',

heatmap: {

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

clickmap:'default',

//是否开启触达注意力图，停留超过4秒或自定义时间

//not_collect 表示关闭，不会自动采集 $WebStay 事件，可以设置 'default' 表示开启。

scroll_notice_map:'default'

},

is_track_single_page: true,

show_log: env == 'prod' ? false : true//调试查看事件信息--事件的触发日志

})

调用 sensors.registerPage() 将属性注册为公共属性

设置用户属性 sensors.setProfile(data对象)

设置事件 sensors.track(events, data)

如果在你埋点事件的地方涉及到链接跳转的话 ， 注意 要在外层加上一层setTimeout延迟跳转页面，给 SDK 发送数据提供时间，时间最好设置在500ms