神策埋点在Vue中的应用

2022-02-10 17:34:15 阅读：293 来源： 互联网

标签：sa Vue url javascript 神策埋点 true sensors sdk

步骤如下：

第一步：从 npm 获取 sdk ， npm install sa-sdk-javascript -E

第二部：在main.js中引入 sa-sdk-javascript => import sensors from "sa-sdk-javascript"

import sensors from "sa-sdk-javascript";
let shengceServer_url = "http://xnjkfxsit.cpic.com.cn/sa?project=SXXT"; //外网测试环境

sensors.init({
  sdk_url: "lib/sensorsdata.min.js",
  name: "sensors",
  server_url: shengceServer_url,
  show_log: true,
  is_track_single_page: false,
  heatmap: {
    //是否开启点击图，default 表示开启，自动采集 $WebClick 事件，可以设置 'not_collect' 表示关闭。
    clickmap: "default",//
    collect_tags: {
      div: {
        max_level: 1, // 默认是 1，即只支持叶子 div。可配置范围是 [1, 2, 3],非该范围配置值，会被当作 1 处理。
      },
      li: true,
      img: true,
      svg: true,
      // ... 其他标签
    },
  },
});

let user_id = 23;
sensors.login(user_id );
sensors.quick("autoTrack");
sensors.registerPage({
  $url: window.location.href, // 做截取，参数不要
  $referrer: document.referrer, // 前向地址
  // 自身系统的名字
  systemName: "系统名称",
});

第三步：成功之后console.log有如下信息

标签：sa,Vue,url,javascript,神策,埋点,true,sensors,sdk
来源： https://www.cnblogs.com/junechen/p/15880074.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

神策埋点在Vue中的应用