神策埋點在Vue中的應用

步驟如下：

第一步：從 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有如下信息