@fle-sdk/event-tracking-web 1.0.8 → 1.1.0

package/README.md

@@ -1,10 +1,20 @@
 # @fle.sdk/event-tracking-web
+> **构建用户数据体系，让用户行为数据发挥深远的价值。**
 
-> 前端数据埋点 sdk(web)
+<a name="hunDt"></a>
+## 前言
+**WEB数据埋点sdk，开始之前请确保了解埋点的架构和基础知识**
+> 埋点中比较重要的组成部分就是每个事件的 key，注意的是 key 至少由两部分组成。
+> 完整的 key 由这几部分组成：appkey.pagekey.partkey 通过“.”来分割
 
-## Install
+- appkey：APP应用唯一标识
+- pagekey：页面唯一标识，默认取当前路由
+- partkey：控件/自定义事件的唯一标识，当是控件触发且没有partkey时，会取当前控件的 id名、class类名、dom节点名称
 
-```js
+
+<a name="Install"></a>
+## 一、下载
+```jsx
 // npm
 npm install @fle-sdk/event-tracking-web --save-dev
 
@@ -12,154 +22,368 @@ npm install @fle-sdk/event-tracking-web --save-dev
 yarn add @fle-sdk/event-tracking-web
 ```
 
-## Brief Introduction
-
-> 埋点中比较重要的组成部分就是每个事件的 key，注意的是 key 至少由两部分组成。完整的 key 由这几部分组成：appkey.pagekey.partkey 通过“.”来分割
-
-- appkey：应用唯一标识
-- pagekey：页面唯一标识，取当前路由 window.location.pathname.replace(/\//g, '\_').substr(1)
-- partkey：控件/自定义事件的唯一标识，当是控件触发且没有 partkey 时，会取当前控件的 id/class/dom
 
-#### Tracking
-
-> 初始化 sdk 后，sdk 会对应用进行事件监听，进行自动上报，主要监听以下几个事件
+<a name="uenOv"></a>
+## 二、全埋点
+> 全埋点包括三种事件：Web 页面浏览、Web 元素点击、Web 页面留存时长，对应的配置如下：
+
+```jsx
+// 初始化
+WebTracking.init({
+  appKey: "218844",
+  showLog: true,
+  autoTrack: true, // 设置该属性之后，SDK 就会自动收集页面浏览事件
+  isTrackSinglePage: true,
+  contentType: "application/json",
+  serverUrl: "https://xxx/push",
+});
+```
+<a name="yw2Ck"></a>
+### 
+<a name="LTcZG"></a>
+### 2.1 元素点击
+> 元素的点击事件上报 attr 属性中必须含有 **data-part-key** ，否则会被过滤。
 
-- load（页面初始化）
-- beforeunload（页面卸载）
-- pushState（追加新路由）
-- replaceState（替换当前路由）
-- popstate（前进、回退、hash 值改变）
-- hashchange（hash 值改变）
-- click（点击事件，这个要单独拎出去补充）
+```jsx
+// 对充值按钮的点击次数进行统计
+<button data-part-key="recharge_btn" data-desc="显示充值弹窗">
+  充值
+</button>
+```
 
-#### Params
+<br />
 
-> 上报参数示例
+<a name="aNxuy"></a>
+### 2.2 全埋点参数示例
+> 全埋点三种类型的上报参数示例，建议都了解一下
 
 ```json
 {
+  "desc": "Web 浏览页面",
+  "event": "PageView",
   "appKey": "218844",
-  "pageKey": "goods_detail",
   "siteId": "",
-  "event": "load",
-  "desc": "浏览器上报事件：页面加载",
-  "itemKey": "218844.goods_detail",
-  "requestTime": 1627377493049,
-  "deviceId": "c12918a5b139734a78fab0843c62ff51",
+  "itemKey": "218844.app_other",
+  "requestTime": 1638456820316,
+  "deviceId": "f9e3f35a6371f369a2c9f21c48dcabe8",
   "privateParamMap": {
-    "sourceUrl": "/app/other",
-    "sdkVersion": "1.0.6",
-    "platformType": "pc",
-    "system": {
+    "currentUrl": "http://localhost:9999/app/other",
+    "targetUrl": null,
+    "sdkVersion": "1.1.0",
+    "pageWidth": 742,
+    "pageHeight": 867,
+    "screenWidth": 1680,
+    "screenHeight": 1050,
+    "systemsInfo": {
       "language": "zh-CN",
-      "location": "https://xxx/goods/detail?goodsId=1000139",
+      "platform": "pc",
       "client": "Mac, MacOS 10.15.7",
-      "ua": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Safari/537.36",
-      "navigationStart": 1627377492850,
-      "navigation": "6ms",
-      "dns": "12ms",
-      "tcp": "30ms",
-      "request": "300ms",
-      "response": "8ms"
+      "ua": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.55 Safari/537.36",
+      "navigationStart": 1638456820099,
+      "navigation": "1ms",
+      "dns": "0ms",
+      "tcp": "0ms",
+      "request": "2ms",
+      "response": "1ms"
     },
-    "urlParams": {
-      "goodsId": 1000139
+    "urlParams": {},
+    "userInfo": {
+      "userId": 20211232232123
     }
   }
 }
-```
-
-#### Click
 
-> 监听点击事件上报是有条件的，并不是所有的点击事件都会上报，只有 attr 属性中含有 <b>data-part-key</b> 的控件所触发的事件才会上报。
+{
+  "desc": "Web 元素点击",
+  "event": "WebClick",
+  "appKey": "218844",
+  "siteId": "",
+  "itemKey": "218844.main.h1",
+  "requestTime": 1638460476808,
+  "deviceId": "f9e3f35a6371f369a2c9f21c48dcabe8",
+  "privateParamMap": {
+    "position": [
+      126,
+      87
+    ],
+    "targetEle": {
+      "id": "",
+      "nodeName": "H1",
+      "className": ""
+    },
+    "pointerType": "mouse",
+    "currentUrl": "http://localhost:9999/main?a=1",
+    "elementSelector": "#root > div:nth-of-type(1) > div:nth-of-type(1) > h1:nth-of-type(1)",
+    "sdkVersion": "1.1.0",
+    "pageWidth": 742,
+    "pageHeight": 867,
+    "screenWidth": 1680,
+    "screenHeight": 1050,
+    "systemsInfo": {
+      "language": "zh-CN",
+      "platform": "pc",
+      "client": "Mac, MacOS 10.15.7",
+      "ua": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.55 Safari/537.36",
+      "navigationStart": 1638456820099,
+      "navigation": "1ms",
+      "dns": "0ms",
+      "tcp": "0ms",
+      "request": "2ms",
+      "response": "1ms",
+      "domComplete (domLoaded)": "201ms (186ms)",
+      "loadEvent": "1ms",
+      "total (DOM)": "218ms (217ms)"
+    },
+    "urlParams": {
+      "a": "1"
+    },
+    "userInfo": {
+      "userId": 20211232232123
+    }
+  }
+}
 
-```js
-// 对充值按钮的点击次数进行统计
-<button data-part-key="recharge_btn" data-desc="显示充值弹窗">
-  充值
-</button>
+{
+  "desc": "Web 页面浏览时长",
+  "event": "PageRetained",
+  "appKey": "218844",
+  "siteId": "",
+  "itemKey": "218844.app_other",
+  "requestTime": 1638460554657,
+  "deviceId": "f9e3f35a6371f369a2c9f21c48dcabe8",
+  "privateParamMap": {
+    "sdkVersion": "1.1.0",
+    "pageWidth": 742,
+    "pageHeight": 867,
+    "screenWidth": 1680,
+    "screenHeight": 1050,
+    "currentUrl": "http://localhost:9999/app/other",
+    "systemsInfo": {
+      "language": "zh-CN",
+      "platform": "pc",
+      "client": "Mac, MacOS 10.15.7",
+      "ua": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.55 Safari/537.36",
+      "navigationStart": 1638456820099,
+      "navigation": "1ms",
+      "dns": "0ms",
+      "tcp": "0ms",
+      "request": "2ms",
+      "response": "1ms",
+      "domComplete (domLoaded)": "201ms (186ms)",
+      "loadEvent": "1ms",
+      "total (DOM)": "218ms (217ms)"
+    },
+    "urlParams": {},
+    "userInfo": {
+      "userId": 20211232232123
+    }
+  },
+  "retainedStartTime": 1638460451953
+}
 ```
 
----
-
-## API
+<br />
 
-> 主要用到的两个函数，一个是初始化时调用，一个在手动业务埋点时调用。
 
-- WebTracking.init() ---初始化 sdk
-- WebTracking.tracking() ---手动上报
+---
 
-### WebTracking.init
 
-> sdk 初始化说明
 
-#### Params
+<a name="95185770"></a>
+## API
+WebTracking
+
+- init() ---初始化
+- preset() ---配置全局参数（注意：如果配置的全局属性初始化已配置，将覆盖。）
+- login() ---用户登录
+- track() ---自定义代码埋点上报
+- getDeviceId() ---获取设备唯一标识
+
+
+
+<a name="WebTracking.init"></a>
+### Init
+<a name="Params"></a>
+#### 参数
+| 参数名 | type | 描述 | 是否必填 | 默认值 |
+| --- | --- | --- | --- | --- |
+| appKey | string | 应用唯一标识（由接口生成） | 是 | - |
+| serverUrl | string | 数据接收地址 | 是 | - |
+| autoTrack | boolean | 是否开启全埋点（指的是：页面浏览、元素点击事件自动上报） | 否 | false |
+| showLog | boolean | 是否在网页控制台打印发送的数据 | 否 | false |
+| useClientTime | boolean | 是否使用客户端系统时间 | 否 | true |
+| sendTimeout | number | 接口发送超时时长，超过该时长未发送成功将强制取消 | 否 | 3000 |
+| isTrackSinglePage | boolean | 是否采集单页面应用的路由变化 | 否 | false |
+| siteId | number/string | 站点 Id | 否 | - |
+| contentType | string | 数据类型：application/json 或 application/x-www-form-urlencoded | 否 | application/x-www-form-urlencoded |
+
+<a name="df0e1504"></a>
+#### 例子
+> 初始化 sdk 例子，建议在 src/App.js 中初始化，且需在**useLayoutEffect**中初始化。
+
+```jsx
+import React, { useLayoutEffect } from "react";
+import WebTracking from "@fle-sdk/event-tracking-web";
 
-> sdk 初始化时的参数
+const App = () => {
+  useLayoutEffect(() => {
+    // init tracking
+    WebTracking.init({
+      appKey: "xxxxxx", // 由接口生成，应用唯一标识
+      serverUrl: "https://www.serverHost.com/serverApi/push",
+      autoTrack: true,
+      showLog: true,
+      isTrackSinglePage: true
+    });
+  }, []);
 
-| 参数名     | type          | 描述                          | 是否必填 | 默认值 |
-| ---------- | ------------- | ----------------------------- | -------- | ------ |
-| appKey     | string        | 应用唯一标识（由接口生成）    | 是       | -      |
-| serverApi  | string        | 接口名                        | 是       | -      |
-| serverHost | string        | 服务端 host                   | 是       | -      |
-| userId     | number/string | 用户 Id，无则根据设备 Id 区分 | 否       | -      |
-| siteId     | number/string | 站点 Id                       | 否       | -      |
+  return <div className="App"></div>;
+};
 
-#### Example
+export default App;
+```
 
-> 初始化 sdk 例子，建议在 src/App.js 中初始化，且需在<b>useLayoutEffect</b>中初始化。
 
-```js
+<a name="EIsxL"></a>
+### Preset
+> 除了不可配置appKey、serverUrl，本质上和init差不多，这么做是为了更好的区分使用场景，不产生歧义。
+
+<a name="qnIie"></a>
+#### 参数
+| 参数名 | type | 描述 | 是否必填 | 默认值 |
+| --- | --- | --- | --- | --- |
+| autoTrack | boolean | 是否开启全埋点（指的是：页面浏览、元素点击事件自动上报） | 否 | false |
+| showLog | boolean | 是否在网页控制台打印发送的数据 | 否 | false |
+| useClientTime | boolean | 是否使用客户端系统时间 | 否 | true |
+| sendTimeout | number | 接口发送超时时长，超过该时长未发送成功将强制取消 | 否 | 3000 |
+| isTrackSinglePage | boolean | 是否采集单页面应用的路由变化 | 否 | false |
+| siteId | number/string | 站点 Id | 否 | - |
+
+<a name="mFBcr"></a>
+#### 例子
+```jsx
 import React, { useLayoutEffect } from "react";
-import WebTracking from "@fle-sdk/event-tracking-web/lib/index.ems";
+import WebTracking from "@fle-sdk/event-tracking-web";
 
 const App = () => {
   useLayoutEffect(() => {
     // init tracking
     WebTracking.init({
-      appKey: "xxx", // 由接口生成，应用唯一标识
-      serverApi: "/serverApi/push",
-      serverHost: "https://www.serverHost.com",
+      appKey: "xxxxxx", // 由接口生成，应用唯一标识
+      serverUrl: "https://www.serverHost.com/serverApi/push",
     });
+    
+    // 配置全局参数，初始化后预置属性用该方法。
+    // 注意：如果配置的全局属性初始化已配置，将覆盖
+    WebTracking.preset({
+      autoTrack: true,
+      showLog: true,
+      isTrackSinglePage: true,
+    	sendTimeout: 10000
+    })
   }, []);
+  
+  const pageHandle = () => {
+  	WebTracking.preset({
+      autoTrack: false, // 关闭全埋点
+    })
+  }
 
-  return <div className="App"></div>;
+  return <div className="App" onClick={pageHandle}></div>;
 };
 
 export default App;
 ```
 
-## WebTracking.tracking
 
-#### Params
+<a name="ivnlQ"></a>
+### Login
+<a name="j3Vbe"></a>
+#### 参数
+| 参数名 | type | 描述 | 是否必填 | 默认值 |
+| --- | --- | --- | --- | --- |
+| userId | string/number | 用户ID | 否 | - |
+
+<a name="tN0S5"></a>
+#### 例子
+```jsx
+import React, { useEffect } from "react";
+import WebTracking from "@fle-sdk/event-tracking-web";
+import { LoginStore } from "store";
+
+const Test = () => {
+  const getUserInfo = () => {
+  	const { userId } = await LoginStore.getUserInfo();
+    WebTracking.Login("用户ID");
+  }
+  useEffect(() => {
+    getUserInfo()
+  }, []);
+
+  return <div className="Test"></div>;
+};
+
+export default Test;
+```
+
+<br />
+
+<a name="z7aZJ"></a>
+### GetDeviceId
+<a name="zzyLD"></a>
+#### 例子
+> 获取设备唯一标识，单用户没有登录时即用户唯一标识
+
+```jsx
+import React, { useEffect } from "react";
+import WebTracking from "@fle-sdk/event-tracking-web";
+import { LoginStore } from "store";
+
+const Test = () => {
+  useEffect(() => {
+    WebTracking.getDeviceId();
+  }, []);
+
+  return <div className="Test"></div>;
+};
+
+export default Test;
+```
 
-> 手动上报时的参数
+<br />
 
-| 参数名   | type   | 描述                                                                            | 是否必填 | 默认值         |
-| -------- | ------ | ------------------------------------------------------------------------------- | -------- | -------------- |
-| partkey  | string | 上报事件 Key（由前端自定义，该应用下需唯一且具有一定意义，例：goods_detail_pv） | 是       | -              |
-| desc     | string | 上报事件描述                                                                    | 否       | 自定义上报事件 |
-| business | object | 上报事件业务参数                                                                | 否       | -              |
+<a name="g6lIP"></a>
+### Track
+> 手动代码埋点上报
 
-#### Example
+<a name="Params-1"></a>
+#### 上报参数
+| 参数名 | type | 描述 | 是否必填 | 默认值 |
+| --- | --- | --- | --- | --- |
+| partkey | string/number | 上报事件 Key（由前后端协商定义或由后端接口生成，该应用下需唯一且具有一定意义，例：goods_detail_pv） | 是 | - |
+| desc | string | 上报事件描述 | 否 | 自定义上报事件 |
+| business | object | 上报的业务参数 | 否 | - |
 
-> 手动上报例子
 
-```js
+
+<a name="88291229"></a>
+#### 例子
+```jsx
 import React, { useEffect } from "react";
-import WebTracking from "@fle-sdk/event-tracking-web/lib/index.ems";
+import WebTracking from "@fle-sdk/event-tracking-web";
 
 const Index = () => {
   const history = useHistory();
 
-  const tracking = () =>
-    WebTracking.tracking({ desc: "我是描述", partkey: "xxx" })
-      .then((res) => alert(res.message || "上报成功！"))
-      .catch((err) => alert(err.message || "上报失败！"));
+  const tracking = () => {
+  	WebTracking.track({ desc: "我是描述", partkey: "xxx" })
+      .then((res) => console.log(res || "上报成功！"))
+      .catch((err) => console.log(err || "上报失败！"));
+  }
 
   // 手动上报商品详情浏览量示例
   useEffect(() => {
-    WebTracking.tracking({
+    WebTracking.track({
       desc: "商品详情PV埋点",
       partkey: "goods_detail_pv",
       business: {

package/lib/index.ems.js

@@ -12,5 +12,5 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-var e=function(){return(e=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},t=new(function(){function t(){var t=this;this.init=function(e){if(e instanceof Object)for(var n in e)void 0!==t.config[n]&&(t.config[n]=e[n]),void 0!==t.otherInfo[n]&&(t.otherInfo[n]=e[n]),void 0!==t.apiConfig[n]&&(t.apiConfig[n]=e[n]);t.config.pageKey=window.location.pathname.replace(/\//g,"_").substr(1),t.otherInfo.platformType=t.getPlatformType(),t.otherInfo.system=t.systemInfo(),t.currentUrl=window.location.pathname,t.rewriteHistory(),t.listener()},this.tracking=function(e){var n=e.desc,o=e.partkey,a=e.business;return t.trackingPost({event:"customTrack",desc:n||t.eventDescMap.customTrack,itemKey:t.getItemKey(o||"customTrack"),extroInfo:{business:a}})},this.trackingPost=function(n){var o=n.event,a=n.desc,i=n.itemKey,r=n.extroInfo,s=e(e({},t.config),{event:o,desc:a,itemKey:i,requestTime:t.getTimeStamp(),deviceId:t.getDistinctId(),privateParamMap:e(e(e({},r),t.otherInfo),{urlParams:t.getQueryValue()})}),c={url:""+t.apiConfig.serverHost+t.apiConfig.serverApi,headers:{"Content-Type":"application/json"},params:JSON.stringify(s)};if(["beforeunload","pushState","replaceState","hashchange","popstate"].indexOf(o)>=0){var d=t.getCookie("retainedStartTime"),u=d?+d:t.getTimeStamp(),p={url:""+t.apiConfig.serverHost+t.apiConfig.serverApi,headers:{"Content-Type":"application/json"},params:JSON.stringify(e(e({},s),{event:"retained",desc:t.eventDescMap.retained,retainedStartTime:u}))};"beforeunload"===o?t.sendBeacon(p):t.httpPost(p),t.setCookie("retainedStartTime",t.getTimeStamp())}return"beforeunload"===o?t.sendBeacon(c):t.httpPost(c)},this.onClick=function(e){if(e.target.dataset.partKey){var n=[e.pageX,e.pageY],o=e.target.id,a=e.target.className,i={nodeName:e.target.nodeName,id:o,className:a},r=document.documentElement.offsetWidth,s=document.documentElement.offsetHeight,c=window.screen.width,d=window.screen.height,u=window.screen.availWidth,p=window.screen.availHeight,h=window.innerWidth,l=window.innerHeight;t.trackingPost({event:"click",desc:e.target.dataset.desc||t.eventDescMap.click,itemKey:t.getItemKey(e.target.dataset.partKey),extroInfo:{position:n,targetEle:i,pageWidth:r,pageHeight:s,screenWidth:c,screenHeight:d,screenAvailWidth:u,screenAvailHeight:p,windowInnerWidth:h,windowInnerHeight:l}})}},this.addRouteEvent=function(e){["load","beforeunload","pushState","replaceState",window.history.pushState?"popstate":"hashchange"].forEach((function(n){t.addEventListener(window,n,e)}))},this.onPushStateHandler=function(e){var n;t.trackingPost({event:e.type,desc:t.eventDescMap[e.type],itemKey:t.getItemKey(),extroInfo:{sourceUrl:t.currentUrl,targetUrl:null===(n=e.arguments)||void 0===n?void 0:n[2]}}),["load"].indexOf(e.type)>=0&&t.setCookie("retainedStartTime",t.getTimeStamp()),t.currentUrl=window.location.pathname,t.config.pageKey=window.location.pathname.replace(/\//g,"_").substr(1)},this.listener=function(){t.addRouteEvent(t.onPushStateHandler),t.addEventListener(window,"click",t.onClick),t.addEventListener(window,"unload",t.unload)},this.unload=function(){["load","beforeunload","pushState","replaceState",window.history.pushState?"popstate":"hashchange"].forEach((function(e){t.removeEventListener(window,e,t.onPushStateHandler)})),t.removeEventListener(window,"click",t.onClick),t.removeEventListener(window,"unload",t.unload)},this.uuid=function(){return"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))},this.getItemKey=function(e){var n=t.config;return[n.appKey,n.pageKey,e].filter((function(e){return!!e})).reduce((function(e,t){return e+(e.length?".":"")+t}),"")},this.getQueryValue=function(e){for(var t=decodeURI(window.location.search.substring(1)).split("&"),n={},o=0;o<t.length;o++){var a=t[o].split("=");if(a[0]===e)return a[1];n[a[0]]=a[1]}return e?null:n},this.getTimeStamp=function(){return(new Date).getTime()},this.getDistinctId=function(){var e=t.getCookie("distinctId");return e||(e=t.uuid(),t.setCookie("distinctId",e),e)},this.getPlatformType=function(){for(var e=navigator.userAgent,t=new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"),n=!0,o=0;o<t.length;o++)if(e.indexOf(t[o])>0){n=!1;break}return n?"pc":"h5"},this.setCookie=function(e,t){document.cookie=e+"="+t+";"+document.cookie},this.getCookie=function(e){e+="=";for(var t=decodeURIComponent(document.cookie).split(";"),n=0;n<t.length;n++){for(var o=t[n];" "===o.charAt(0);)o=o.substring(1);if(0===o.indexOf(e))return o.substring(e.length,o.length)}return""},this.httpPost=function(e){var t=e.url,n=e.headers,o=e.params,a=e.async,i=void 0===a||a;return new Promise((function(e,a){var r=new XMLHttpRequest;r.open("post",t,i),r.onreadystatechange=function(){if(4===r.readyState){if(200===r.status){var t=r.responseText;if(!t)return a({message:"Request Error"});var n=null;try{n=JSON.parse(t)}catch(e){}return n&&"2000"===n.code?e(n):a({message:"Request Error"})}return console.log(r.statusText),a({message:r.statusText})}},r.onerror=function(e){return console.log(r.statusText),a({message:r.statusText})},n instanceof Object&&Object.keys(n).forEach((function(e){r.setRequestHeader(e,n[e])})),r.send(o)}))},this.sendBeacon=function(n){if("object"==typeof navigator&&"function"==typeof navigator.sendBeacon){var o=new Blob([JSON.stringify(n.params)],{type:"application/json"});return navigator.sendBeacon(n.url,o),Promise.resolve({message:"发送成功！"})}return t.httpPost(e(e({},n),{async:!1}))},this.removeEventListener=function(e,t,n){e.removeEventListener?e.removeEventListener(t,n):e.detachEvent&&e.detachEvent("on"+t,(function(t){return n.call(e,t)}),!0)},this.addEventListener=function(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on"+t,(function(t){return n.call(e,t)}),!1)},this.rewriteHistory=function(){var e=window.history,t=function(e){var t=window.history,n=t[e],o=new Event(e);return function(){var e=n.apply(t,arguments);return o.arguments=arguments,window.dispatchEvent(o),e}};window.history.pushState&&(e.pushState=t("pushState"),e.replaceState=t("replaceState"))},this.config={appKey:"",pageKey:"",siteId:""},this.otherInfo={sdkVersion:"1.0.7",platformType:"pc"},this.currentUrl="",this.apiConfig={serverApi:"",serverHost:""},this.eventDescMap={load:"浏览器上报事件：页面加载",beforeunload:"浏览器上报事件：页面卸载",pushState:"浏览器上报事件：追加新路由",replaceState:"浏览器上报事件：替换当前路由为新路由",popstate:"浏览器上报事件：前进、回退、hash值改变",hashchange:"浏览器上报事件：hash值改变",click:"点击上报事件",retained:"浏览器上报事件：留存时长",customTrack:"自定义事件上报"}}return t.prototype.systemInfo=function(){var e=navigator.userAgent,t=[],n={language:navigator.language},o=e.match(/MicroMessenger\/([\d\.]+)/i),a=o&&o[1]?o[1]:null;"servicewechat.com"===location.host||(n.location=location.href);var i=e.match(/(ipod).*\s([\d_]+)/i),r=e.match(/(ipad).*\s([\d_]+)/i),s=e.match(/(iphone)\sos\s([\d_]+)/i),c=e.match(/(android)\s([\d\.]+)/i),d=e.match(/(Mac OS X)\s([\d_]+)/i);t=[],c?t.push("Android "+c[2]):s?t.push("iPhone, iOS "+s[2].replace(/_/g,".")):r?t.push("iPad, iOS "+r[2].replace(/_/g,".")):i?t.push("iPod, iOS "+i[2].replace(/_/g,".")):d&&t.push("Mac, MacOS "+d[2].replace(/_/g,".")),a&&t.push("WeChat "+a),n.client=t.length?t.join(", "):"Unknown";var u=e.toLowerCase().match(/ nettype\/([^ ]+)/g);return u&&u[0]&&(t=[(u=u[0].split("/"))[1]],n.network=t.length?t.join(", "):"Unknown"),n.ua=e,setTimeout((function(){var e=window.performance||window.msPerformance||window.webkitPerformance;if(e&&e.timing){var t=e.timing;t.navigationStart&&(n.navigationStart=t.navigationStart),t.navigationStart&&t.domainLookupStart&&(n.navigation=t.domainLookupStart-t.navigationStart+"ms"),t.domainLookupEnd&&t.domainLookupStart&&(n.dns=t.domainLookupEnd-t.domainLookupStart+"ms"),t.connectEnd&&t.connectStart&&(t.connectEnd&&t.secureConnectionStart?n["tcp (ssl)"]=t.connectEnd-t.connectStart+"ms ("+(t.connectEnd-t.secureConnectionStart)+"ms)":n.tcp=t.connectEnd-t.connectStart+"ms"),t.responseStart&&t.requestStart&&(n.request=t.responseStart-t.requestStart+"ms"),t.responseEnd&&t.responseStart&&(n.response=t.responseEnd-t.responseStart+"ms"),t.domComplete&&t.domLoading&&(t.domContentLoadedEventStart&&t.domLoading?n["domComplete (domLoaded)"]=t.domComplete-t.domLoading+"ms ("+(t.domContentLoadedEventStart-t.domLoading)+"ms)":n.domComplete=t.domComplete-t.domLoading+"ms"),t.loadEventEnd&&t.loadEventStart&&(n.loadEvent=t.loadEventEnd-t.loadEventStart+"ms"),t.navigationStart&&t.loadEventEnd&&(n["total (DOM)"]=t.loadEventEnd-t.navigationStart+"ms ("+(t.domComplete-t.navigationStart)+"ms)")}}),0),n},t}());export default t;
+var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(t,n)};var t=function(){return(t=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},n=new(function(n){function r(){var e=n.call(this)||this;return e.userId=null,e.currentUrl="",e.pageKey="",e.eventDescMap={PageView:"Web 浏览页面",WebClick:"Web 元素点击",PageRetained:"Web 页面浏览时长",CustomTrack:"Web 自定义代码上报"},e.init=function(t){e.preset(t);var n=window.location.pathname;e.currentUrl=window.location.href,e.pageKey=n.replace(/\//g,"_").substr(1),e.systemsInfo=e.getSystemsInfo(),e.setCookie("retainedStartTime",e.getTimeStamp())},e.preset=function(t){t instanceof Object&&e.each(t,(function(t,n){void 0!==e.config[n]&&(e.config[n]=t)})),/^(((ht|f)tps?):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-\(\)]*[\w@?^=%&/~+#-\(\)])?$/.test(e.config.serverUrl)||(e.printLog("当前 server_url 为空或不正确，只在控制台打印日志，network 中不会发数据，请配置正确的 server_url！"),e.config.showLog=!0),e.config.autoTrack?e.listener():e.unlistener()},e.login=function(t){["number","string"].includes(typeof t)&&(e.userId=t)},e.track=function(t){var n=t.desc,r=t.partkey,o=t.business,i=e.getParams({desc:n,event:"CustomTrack",itemKey:e.getItemKey(r),extroInfo:{business:o}});return e.sendAjax(i)},e.listener=function(){e.config.isTrackSinglePage&&(e.rewriteHistory(),e.addSinglePageEvent(e.onPageViewCallback)),e.each(["load","beforeunload"],(function(t){e.addEventListener(window,t,e.onPageViewCallback)})),e.addEventListener(window,"click",e.onClickCallback)},e.unlistener=function(){if(e.config.isTrackSinglePage){var t=window.history.pushState?"popstate":"hashchange";e.each(["pushState","replaceState",t],(function(t){e.removeEventListener(window,t,e.onPageViewCallback)}))}e.each(["load","beforeunload"],(function(t){e.removeEventListener(window,t,e.onPageViewCallback)})),e.removeEventListener(window,"click",e.onClickCallback)},e.onClickCallback=function(t){var n,r;if(null===(r=null===(n=null==t?void 0:t.target)||void 0===n?void 0:n.dataset)||void 0===r?void 0:r.partKey){var o=[t.pageX,t.pageY],i=t.target.id,a=t.target.className,s={id:i,nodeName:t.target.nodeName,className:a},c=e.getParams({event:"WebClick",desc:e.eventDescMap.WebClick,itemKey:e.getItemKey(t.target.dataset.partKey),extroInfo:{position:o,targetEle:s,pointerType:t.pointerType,currentUrl:e.currentUrl,elementSelector:e.getDomSelector(t.target)}});return e.sendAjax(c)}},e.onPageViewCallback=function(t){var n,r,o=window.location.origin;e.sendPageViewData(t.type,{event:"PageView",desc:e.eventDescMap.PageView,extroInfo:{currentUrl:e.currentUrl,targetUrl:(null===(n=t.arguments)||void 0===n?void 0:n[2])?o+(null===(r=t.arguments)||void 0===r?void 0:r[2]):null}}),e.currentUrl=window.location.href,e.pageKey=window.location.pathname.replace(/\//g,"_").substr(1)},e.getParams=function(n){var r=n.event,o=n.desc,i=n.itemKey,a=n.extroInfo,s=void 0===a?{}:a,c=e.config,u=c.appKey,d=c.sdkVersion,l=c.siteId,p=window.innerWidth,g=window.innerHeight,f=window.screen.width,m=window.screen.height;return{desc:o,event:r,appKey:u,siteId:l,itemKey:i||e.getItemKey(),requestTime:e.getTimeStamp(),deviceId:e.getDistinctId(),privateParamMap:t(t({},s),{sdkVersion:d,pageWidth:p,pageHeight:g,screenWidth:f,screenHeight:m,currentUrl:s.currentUrl||e.currentUrl,systemsInfo:e.systemsInfo,urlParams:e.getQueryValue(),userInfo:{userId:e.userId}})}},e.sendPageViewData=function(t,n){var r=e.getParams(n);return e.sendRetained(t),e.sendAjax(r)},e.sendAjax=function(t){var n=e.config,r=n.serverUrl,o=n.sendTimeout,i=n.contentType;return n.showLog&&e.printLog(t),new Promise((function(n,a){e.ajax({url:r,type:"POST",data:JSON.stringify(t),contentType:i,credentials:!1,timeout:o,cors:!0,success:function(e){return n(e)},error:function(e){return a(e)}})}))},e.sendRetained=function(n){var r=e.config.serverUrl,o=e.getParams({event:"PageRetained",desc:e.eventDescMap.PageRetained});if(["beforeunload","pushState","replaceState","hashchange","popstate"].indexOf(n)>=0){var i=e.getCookie("retainedStartTime"),a=i?+i:e.getTimeStamp(),s=t(t({},o),{retainedStartTime:a});"beforeunload"===n?e.sendBeacon({url:r,data:s}):e.sendAjax(s).finally((function(){return e.setCookie("retainedStartTime",e.getTimeStamp())}))}},e.getItemKey=function(t){return[e.config.appKey,e.pageKey,t?t.toString():void 0].filter((function(e){return!!e})).reduce((function(e,t){return e+(e.length?".":"")+t}),"")},e.config={sdkVersion:"1.1.0",appKey:"",siteId:"",showLog:!1,serverUrl:"",autoTrack:!1,useClientTime:!0,queueTimeout:500,sendTimeout:3e3,isTrackSinglePage:!1,contentType:"application/x-www-form-urlencoded"},e.systemsInfo={},e}return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}(r,n),r.prototype.addSinglePageEvent=function(e){var t=this,n=window.history.pushState?"popstate":"hashchange";this.each(["pushState","replaceState",n],(function(n){t.addEventListener(window,n,e)}))},r}(function(){function e(){var e=this;this.getPlatformType=function(){for(var e=navigator.userAgent,t=new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"),n=!0,r=0;r<t.length;r++)if(e.indexOf(t[r])>0){n=!1;break}return n?"pc":"h5"},this.addEventListener=function(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on"+t,(function(t){return n.call(e,t)}),!1)},this.removeEventListener=function(e,t,n){e.removeEventListener?e.removeEventListener(t,n):e.detachEvent&&e.detachEvent("on"+t,(function(t){return n.call(e,t)}),!0)},this.rewriteHistory=function(){var e=window.history,t=function(e){var t=window.history,n=t[e],r=new Event(e);return function(){var e=n.apply(t,arguments);return r.arguments=arguments,window.dispatchEvent(r),e}};window.history.pushState&&(e.pushState=t("pushState"),e.replaceState=t("replaceState"))},this.isArray=Array.isArray||function(e){return"[object Array]"===toString.call(e)},this.formatJsonString=function(e){try{return JSON.stringify(e,null,"  ")}catch(t){return JSON.stringify(e)}},this.nativeForEach=Array.prototype.forEach,this.slice=Array.prototype.slice,this.hasOwnProperty=Object.prototype.hasOwnProperty,this.breaker={},this.each=function(t,n,r){if(null==t)return!1;if(e.nativeForEach&&t.forEach===e.nativeForEach)t.forEach(n,r);else if(e.isArray(t)&&t.length===+t.length){for(var o=0,i=t.length;o<i;o++)if(o in t&&n.call(r,t[o],o,t)===e.breaker)return!1}else for(var a in t)if(e.hasOwnProperty.call(t,a)&&n.call(r,t[a],a,t)===e.breaker)return!1},this.getDomIndex=function(e){if(!e.parentNode)return-1;for(var t=0,n=e.tagName,r=e.parentNode.children,o=0;o<r.length;o++)if(r[o].tagName===n){if(e===r[o])return t;t++}return-1},this.selector=function(t){var n=t.parentNode&&9==t.parentNode.nodeType?-1:e.getDomIndex(t);return t.getAttribute&&t.getAttribute("id")&&/^[A-Za-z][-A-Za-z0-9_:.]*$/.test(t.getAttribute("id"))?"#"+t.getAttribute("id"):t.tagName.toLowerCase()+(~n?":nth-of-type("+(n+1)+")":"")},this.getDomSelector=function(t,n){if(!t||!t.parentNode||!t.parentNode.children)return!1;n=n&&n.join?n:[];var r=t.nodeName.toLowerCase();return t&&"body"!==r&&1==t.nodeType?(n.unshift(e.selector(t)),t.getAttribute&&t.getAttribute("id")&&/^[A-Za-z][-A-Za-z0-9_:.]*$/.test(t.getAttribute("id"))?n.join(" > "):e.getDomSelector(t.parentNode,n)):(n.unshift("body"),n.join(" > "))},this.getCookie=function(e){for(var t=e+"=",n=document.cookie.split(";"),r=0;r<n.length;r++){for(var o=n[r];" "==o.charAt(0);)o=o.substring(1,o.length);if(0==o.indexOf(t))return this._decodeURIComponent(o.substring(t.length,o.length))}return null},this.setCookie=function(e,t,n){var r,o="";n=null==n?73e3:n;var i=this.getMainHost();if(r=i?"; domain="+i:"",0!==n){var a=new Date;"s"===String(n).slice(-1)?a.setTime(a.getTime()+1e3*Number(String(n).slice(0,-1))):a.setTime(a.getTime()+24*n*60*60*1e3),o="; expires="+a.toUTCString()}function s(e){return e||!1}var c="",u="",d="";e&&(c=s(e)),t&&(u=s(t)),r&&(d=s(r)),c&&u&&(document.cookie=c+"="+encodeURIComponent(u)+o+"; path=/"+d)},this.removeCookie=function(t){e.setCookie(t,"",-1)},this.getTimeStamp=function(){return(new Date).getTime()},this.uuid=function(){return"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))},this.getDistinctId=function(){var t=e.getCookie("distinctId");return t||(t=e.uuid(),e.setCookie("distinctId",t),t)},this.getQueryValue=function(e){for(var t=decodeURI(window.location.href).match(new RegExp("[?&][^?&]+=[^?&]+","g"))||[],n={},r=0;r<t.length;r++){var o=t[r].replace(/\?|\&/,"").split("=");if(o[0]===e)return o[1];n[o[0]]=o[1]}return e?null:n},this.ajax=function(t){function n(e){if(!e)return"";try{return JSON.parse(e)}catch(e){return{}}}t.timeout=t.timeout||3e4,t.credentials=void 0===t.credentials||t.credentials;var r=e.xhr(t.cors);if(!r)return!1;t.type||(t.type=t.data?"POST":"GET");var o,i=t.success,a=t.error;t.success=function(e){i(e),o&&(clearTimeout(o),o=null)},t.error=function(e){a(e),o&&(clearTimeout(o),o=null)},o=setTimeout((function(){!function(){try{e.isObject(r)&&r.abort&&r.abort()}catch(t){e.printLog(t)}o&&(clearTimeout(o),o=null,t.error&&t.error(),r.onreadystatechange=null,r.onload=null,r.onerror=null)}()}),t.timeout),r.onreadystatechange=function(){try{4==r.readyState&&(r.status>=200&&r.status<300||304==r.status?t.success(n(r.responseText)):t.error(n(r.responseText),r.status),r.onreadystatechange=null,r.onload=null)}catch(e){r.onreadystatechange=null,r.onload=null}},r.open(t.type,t.url,!0);try{t.credentials&&(r.withCredentials=!0),e.isObject(t.header)&&e.each(t.header,(function(e,t){r.setRequestHeader&&r.setRequestHeader(t,e)})),t.data&&(t.cors||r.setRequestHeader&&r.setRequestHeader("X-Requested-With","XMLHttpRequest"),"application/json"===t.contentType?r.setRequestHeader&&r.setRequestHeader("Content-type","application/json; charset=UTF-8"):r.setRequestHeader&&r.setRequestHeader("Content-type","application/x-www-form-urlencoded"))}catch(t){e.printLog(t)}r.send(t.data||null)},this.xhr=function(e){return e?void 0!==window.XMLHttpRequest&&"withCredentials"in new XMLHttpRequest?new XMLHttpRequest:null:void 0!==window.XMLHttpRequest?new XMLHttpRequest:null},this.sendBeacon=function(e){return"object"==typeof navigator&&"function"==typeof navigator.sendBeacon?(navigator.sendBeacon(e.url,new URLSearchParams(JSON.stringify(e.data||{}))),Promise.resolve({message:"发送成功！"})):Promise.reject({message:"不支持sendBeacon，发送失败！"})}}return e.prototype.printLog=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(this.isObject(e[0])&&(e[0]=this.formatJsonString(e[0])),"object"==typeof console&&console.log)try{return console.log.apply(console,e)}catch(t){console.log(e[0])}},e.prototype.getSystemsInfo=function(){var e=navigator.userAgent,t=[],n={language:navigator.language},r=e.match(/MicroMessenger\/([\d\.]+)/i),o=r&&r[1]?r[1]:null,i=e.match(/(ipod).*\s([\d_]+)/i),a=e.match(/(ipad).*\s([\d_]+)/i),s=e.match(/(iphone)\sos\s([\d_]+)/i),c=e.match(/(android)\s([\d\.]+)/i),u=e.match(/(Mac OS X)\s([\d_]+)/i);t=[],c?t.push("Android "+c[2]):s?t.push("iPhone, iOS "+s[2].replace(/_/g,".")):a?t.push("iPad, iOS "+a[2].replace(/_/g,".")):i?t.push("iPod, iOS "+i[2].replace(/_/g,".")):u&&t.push("Mac, MacOS "+u[2].replace(/_/g,".")),o&&t.push("WeChat "+o),n.platform=this.getPlatformType(),n.client=t.length?t.join(", "):"Unknown";var d=e.toLowerCase().match(/ nettype\/([^ ]+)/g);return d&&d[0]&&(t=[(d=d[0].split("/"))[1]],n.network=t.length?t.join(", "):"Unknown"),n.ua=e,setTimeout((function(){var e=window.performance||window.msPerformance||window.webkitPerformance;if(e&&e.timing){var t=e.timing;t.navigationStart&&(n.navigationStart=t.navigationStart),t.navigationStart&&t.domainLookupStart&&(n.navigation=t.domainLookupStart-t.navigationStart+"ms"),t.domainLookupEnd&&t.domainLookupStart&&(n.dns=t.domainLookupEnd-t.domainLookupStart+"ms"),t.connectEnd&&t.connectStart&&(t.connectEnd&&t.secureConnectionStart?n["tcp (ssl)"]=t.connectEnd-t.connectStart+"ms ("+(t.connectEnd-t.secureConnectionStart)+"ms)":n.tcp=t.connectEnd-t.connectStart+"ms"),t.responseStart&&t.requestStart&&(n.request=t.responseStart-t.requestStart+"ms"),t.responseEnd&&t.responseStart&&(n.response=t.responseEnd-t.responseStart+"ms"),t.domComplete&&t.domLoading&&(t.domContentLoadedEventStart&&t.domLoading?n["domComplete (domLoaded)"]=t.domComplete-t.domLoading+"ms ("+(t.domContentLoadedEventStart-t.domLoading)+"ms)":n.domComplete=t.domComplete-t.domLoading+"ms"),t.loadEventEnd&&t.loadEventStart&&(n.loadEvent=t.loadEventEnd-t.loadEventStart+"ms"),t.navigationStart&&t.loadEventEnd&&(n["total (DOM)"]=t.loadEventEnd-t.navigationStart+"ms ("+(t.domComplete-t.navigationStart)+"ms)")}}),0),n},e.prototype.isObject=function(e){return null!=e&&"[object Object]"==toString.call(e)},e.prototype.isUndefined=function(e){return void 0===e},e.prototype.isString=function(e){return"[object String]"==toString.call(e)},e.prototype.isDate=function(e){return"[object Date]"==toString.call(e)},e.prototype.isBoolean=function(e){return"[object Boolean]"==toString.call(e)},e.prototype.isNumber=function(e){return"[object Number]"==toString.call(e)&&/[\d\.]+/.test(String(e))},e.prototype.isElement=function(e){return!(!e||1!==e.nodeType)},e.prototype.isFunction=function(e){if(!e)return!1;var t=toString.call(e);return"[object Function]"==t||"[object AsyncFunction]"==t},e.prototype.isJSONString=function(e){try{JSON.parse(e)}catch(e){return!1}return!0},e.prototype._decodeURIComponent=function(e){var t=e;try{t=decodeURIComponent(e)}catch(n){t=e}return t},e.prototype.getMainHost=function(){var e="mh_"+Math.random(),t=new RegExp("(^|;)\\s*"+e+"=12345"),n=new Date(0),r=document.domain.split("."),o=[];for(o.unshift(r.pop());r.length;){o.unshift(r.pop());var i=o.join("."),a=e+"=12345;domain=."+i;if(document.cookie=a,t.test(document.cookie))return document.cookie=a+";expires="+n,i}},e}()));export default n;
 //# sourceMappingURL=index.ems.js.map