@conecli/cone-render 0.10.1-shop3.76 → 0.10.1-shop3.79

package/dist/jumpEventReport/web.pc.ts

@@ -1 +1 @@
-import global from '../common';
  BUSINESS_TYPE,
  SHOP_MENU_ID_TYPE,
  SHOP_MENU_ID_NAME,
  SECTION_HOME_TAB_TYPE,
  SECTION_HOME_TAB_NAME_TYPE,
  LogPageIdInfo,
  LogPnameInfo,
  PcShopSpmA,
  PcShopSpmBforMap,
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'M-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  new Promise((resolve, reject) => {
    if (window.spmPV) {
      resolve(true);
    } else {
      if (isReportReadyError) {
        reject(false);
      } else {
        ready('spmPV', 3000)
          .then(() => {
            isReportReadyError = false;
            resolve(true);
          })
          .catch(() => {
            isReportReadyError = true;
            reject(false);
          });
      }
    }
  });
  public logPageId: string;
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig;
  getConfig(opt) {
    return Object.assign(this, {}, defaultConfig, opt);
  }
  updateInfo(routerInfo, logPname = LogPnameInfo.HOME, pageId = LogPageIdInfo.APP) {
    this.routerInfo = routerInfo;
    this.logPname = logPname;
    this.jumpConfig = Object.assign(
      {},
      this.jumpConfig,
      filterUrlQueryData(routerInfo?.params || {}),
    );
    this.logPageId = pageId;
  }
  
  jdNavigateToNative(
    url: string,
    params: {
      logEventInfo?: object;
    } = {},
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    const { logEventInfo } = params;
    const getEparam = logEventInfo || params;
    console.log(`url:::::::${url}`);
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
    this.clickEventLog(getEparam)
      .then(() => {
        typeof successBack === 'function' ? successBack(url) : (window.open(url, '_blank'));
      })
      .catch(() => {
        typeof failBack === 'function' && failBack(url);
      });
  }
  
  reportInfoPv(
    pageId = LogPageIdInfo.APP,
    opt: {
      pageParam?: any;
    } = {},
  ): Promise<any> {
    console.log('web.pc.ts - reportInfoPv', pageId, opt);
    return new Promise((resolve, reject) => {
      const { pageParam } = opt;
      const pageParamStr = typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam;
      getReportObjReadyPromise()
        .then(() => {
          window.spmPV({
            spm: `${PcShopSpmA}.${PcShopSpmBforMap[pageId]}`, 
            page_id: pageId, 
            page_param: pageParamStr, 
          });
          resolve(true);
        })
        .catch((e) => {
          reject(e);
        });
    }).catch((err) => {
      console.log('pc sgm 浏览pv埋点上报异常', err);
    });
  }
  
  clickEventLog(opts): Promise<any> {
    console.log('web.pc.ts - clickEventLog opts: ', opts);
    return new Promise((resolve, reject) => {
      const { spmAll, spmCd, pageId, pageParam, ...otherParam } = opts;
      const pageParamStr = typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam;
      getReportObjReadyPromise()
        .then(() => {
          window.spmLog({
            spm: spmAll ? spmAll : `${PcShopSpmA}.${PcShopSpmBforMap[pageId]}.${spmCd}`, 
            biz_type: '', 
            page_id: pageId,
            event_param: '', 
            json_param: pageParamStr, 
            t1: '', 
            t2: '', 
            p0: '', 
            ...otherParam,
          });
          resolve(true);
        })
        .catch((e) => {
          reject(e);
        });
    }).catch((err) => {
      console.log('pc sgm 点击埋点上报异常', err);
    });
  }
  
  exposureEventLog(opts): Promise<any> {
    console.log('web.pc.ts - exposureEventLog opts: ', opts);
    return new Promise((resolve, reject) => {
      const { spmAll, spmCd, pageId, pageParam, ...otherParam } = opts;
      const pageParamStr = typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam;
      getReportObjReadyPromise()
        .then(() => {
          window.spmExposure({
            spm: spmAll ? spmAll : `${PcShopSpmA}.${PcShopSpmBforMap[pageId]}.${spmCd}`, 
            biz_type: '', 
            page_id: pageId,
            event_param: '', 
            json_param: pageParamStr, 
            t1: '', 
            t2: '', 
            p0: '', 
            ...otherParam,
          });
          resolve(true);
        })
        .catch((e) => {
          reject(e);
        });
    }).catch((err) => {
      console.log('pc sgm 曝光埋点上报异常', err);
    });
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim();
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds;
    let url = `${this.jumpWebUrl.pcDetail}${getSkuId}.html`;
    this.jdNavigateToNative(url, logEventInfo);
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    const getSkuId = skuInfo?.skuId;
    this.jdJumpToProduct(getSkuId, logEventInfo);
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    const currentShopInfo = {
      shopId: global.info.queryInfo.shopId,
      venderId: global.info.queryInfo.venderId,
    };
    const restParams =
      (shopInfo?.shopId && shopInfo.shopId !== currentShopInfo.shopId) ||
      (shopInfo?.venderId && shopInfo.venderId !== currentShopInfo.venderId)
        ? {}
        : currentShopInfo;
    const getInfo = Object.assign({}, restParams, shopInfo);
    let url = `${this.jumpWebUrl.pages}/index-${global.info.queryInfo.shopId}.html`;
    this.jdNavigateToNative(url, {
      ...getInfo,
    });
  }
  
  getPcSearchUrl = (cateId) => {
    const flag = document.querySelector('#JSHOP_CHANNEL_FLAG')?.value;
    const appId =
      document.querySelector('#J_AppId')?.value ||
      document.querySelector('#pageInstance_appId')?.value;
    return flag === 'yao'
      ? this.jumpWebUrl.pages + '/view_shop_search-' + appId + '.html'
      : this.jumpWebUrl.pages + '/view_search-' + appId + '-' + cateId + '-99-1-20-1.html';
  };
  
  jdJumpToShopSearch(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    );
    const { categoryId } = getInfo;
    const url = `${this.getPcSearchUrl(categoryId)}`;
    this.jdJumpToWeb(url, getInfo);
  }
  
  jdJumpToTabAllProduct(shopId, venderId, logEventInfo = {}) {
    console.log('web.base.ts - jdJumpToTabAllProduct');
    if (typeof shopId === 'undefined') shopId = global.info.queryInfo.shopId;
    if (typeof venderId === 'undefined') venderId = global.info.queryInfo.venderId;
    const url = `${this.jumpWebUrl.pages}/index-${shopId}.html`;
    this.jdJumpToWeb(url, logEventInfo);
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    const url = `${this.jumpWebUrl.couponSearch}?couponbatch=${couponId}&sceneval=2`;
    this.jdJumpToWeb(url, logEventInfo);
  }
+import global from '../common';
  BUSINESS_TYPE,
  SHOP_MENU_ID_TYPE,
  SHOP_MENU_ID_NAME,
  SECTION_HOME_TAB_TYPE,
  SECTION_HOME_TAB_NAME_TYPE,
  LogPageIdInfo,
  LogPnameInfo,
  PcShopSpmA,
  PcShopSpmBforMap,
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'M-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  new Promise((resolve, reject) => {
    if (window.spmPV) {
      resolve(true);
    } else {
      if (isReportReadyError) {
        reject(false);
      } else {
        ready('spmPV', 3000)
          .then(() => {
            isReportReadyError = false;
            resolve(true);
          })
          .catch(() => {
            isReportReadyError = true;
            reject(false);
          });
      }
    }
  });
  public logPageId: string;
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig;
  getConfig(opt) {
    return Object.assign(this, {}, defaultConfig, opt);
  }
  updateInfo(routerInfo, logPname = LogPnameInfo.HOME, pageId = LogPageIdInfo.APP) {
    this.routerInfo = routerInfo;
    this.logPname = logPname;
    this.jumpConfig = Object.assign(
      {},
      this.jumpConfig,
      filterUrlQueryData(routerInfo?.params || {}),
    );
    this.logPageId = pageId;
  }
  
  jdNavigateToNative(
    url: string,
    params: {
      logEventInfo?: object;
    } = {},
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    const { logEventInfo } = params;
    const getEparam = logEventInfo || params;
    console.log(`url:::::::${url}`);
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
      this.clickEventLog(getEparam)
        .then(() => {
          typeof successBack === 'function' ? successBack(url) : window.open(url, '_blank');
        })
        .catch(() => {
          typeof failBack === 'function' && failBack(url);
        });
  }
  
  reportInfoPv(
    pageId = LogPageIdInfo.APP,
    opt: {
      pageParam?: any;
    } = {},
  ): Promise<any> {
    console.log('web.pc.ts - reportInfoPv', pageId, opt);
    return new Promise((resolve, reject) => {
      const { pageParam } = opt;
      const pageParamStr = typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam;
      getReportObjReadyPromise()
        .then(() => {
          window.spmPV({
            spm: `${PcShopSpmA}.${PcShopSpmBforMap[pageId]}`, 
            page_id: pageId, 
            page_param: pageParamStr, 
          });
          resolve(true);
        })
        .catch((e) => {
          reject(e);
        });
    }).catch((err) => {
      console.log('pc sgm 浏览pv埋点上报异常', err);
    });
  }
  
  clickEventLog(opts): Promise<any> {
    console.log('web.pc.ts - clickEventLog opts: ', opts);
    return new Promise((resolve, reject) => {
      const { spmAll, spmCd, pageId, pageParam, ...otherParam } = opts;
      const pageParamStr = typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam;
      getReportObjReadyPromise()
        .then(() => {
          window.spmLog({
            spm: spmAll ? spmAll : `${PcShopSpmA}.${PcShopSpmBforMap[pageId]}.${spmCd}`, 
            biz_type: '', 
            page_id: pageId,
            event_param: '', 
            json_param: pageParamStr, 
            t1: '', 
            t2: '', 
            p0: '', 
            ...otherParam,
          });
          resolve(true);
        })
        .catch((e) => {
          reject(e);
        });
    }).catch((err) => {
      console.log('pc sgm 点击埋点上报异常', err);
    });
  }
  
  exposureEventLog(opts): Promise<any> {
    console.log('web.pc.ts - exposureEventLog opts: ', opts);
    return new Promise((resolve, reject) => {
      const { spmAll, spmCd, pageId, pageParam, ...otherParam } = opts;
      const pageParamStr = typeof pageParam === 'object' ? JSON.stringify(pageParam) : pageParam;
      getReportObjReadyPromise()
        .then(() => {
          window.spmExposure({
            spm: spmAll ? spmAll : `${PcShopSpmA}.${PcShopSpmBforMap[pageId]}.${spmCd}`, 
            biz_type: '', 
            page_id: pageId,
            event_param: '', 
            json_param: pageParamStr, 
            t1: '', 
            t2: '', 
            p0: '', 
            ...otherParam,
          });
          resolve(true);
        })
        .catch((e) => {
          reject(e);
        });
    }).catch((err) => {
      console.log('pc sgm 曝光埋点上报异常', err);
    });
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim();
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds;
    let url = `${this.jumpWebUrl.pcDetail}${getSkuId}.html`;
    this.jdNavigateToNative(url, logEventInfo);
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    const getSkuId = skuInfo?.skuId;
    this.jdJumpToProduct(getSkuId, logEventInfo);
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    const currentShopInfo = {
      shopId: global.info.queryInfo.shopId,
      venderId: global.info.queryInfo.venderId,
    };
    const restParams =
      (shopInfo?.shopId && shopInfo.shopId !== currentShopInfo.shopId) ||
      (shopInfo?.venderId && shopInfo.venderId !== currentShopInfo.venderId)
        ? {}
        : currentShopInfo;
    const getInfo = Object.assign({}, restParams, shopInfo);
    let url = `${this.jumpWebUrl.pages}/index-${getInfo.shopId}.html`;
    this.jdNavigateToNative(url, {
      ...getInfo,
    });
  }
  
  getPcSearchUrl = (cateId) => {
    const flag = document.querySelector('#JSHOP_CHANNEL_FLAG')?.value;
    const appId =
      document.querySelector('#J_AppId')?.value ||
      document.querySelector('#pageInstance_appId')?.value;
    return flag === 'yao'
      ? this.jumpWebUrl.pages + '/view_shop_search-' + appId + '.html'
      : this.jumpWebUrl.pages + '/view_search-' + appId + '-' + cateId + '-99-1-20-1.html';
  };
  
  jdJumpToShopSearch(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    );
    const { categoryId } = getInfo;
    const url = `${this.getPcSearchUrl(categoryId)}`;
    this.jdJumpToWeb(url, getInfo);
  }
  
  jdJumpToTabAllProduct(shopId, venderId, logEventInfo = {}) {
    console.log('web.base.ts - jdJumpToTabAllProduct');
    if (typeof shopId === 'undefined') shopId = global.info.queryInfo.shopId;
    if (typeof venderId === 'undefined') venderId = global.info.queryInfo.venderId;
    const url = `${this.jumpWebUrl.pages}/index-${shopId}.html`;
    this.jdJumpToWeb(url, logEventInfo);
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    const url = `${this.jumpWebUrl.couponSearch}?couponbatch=${couponId}&sceneval=2`;
    this.jdJumpToWeb(url, logEventInfo);
  }