项目介绍

安装

yarn add bnq-gio-web

npm install bnq-gio-web

使用

页面组件使用

• 可以做浏览，曝光，点击事件
• pageInTrack 开启埋点
• 会自动需计算曝光，无需特殊处理(如实现componentDidHide，componentWillUnmount，componentDidShow)需要调用super对应方法

import {Gio, GioComponent} from 'bnq-gio-web';

export default class Index extends GioComponent { 

  componentDidMount() {
    super.pageInTrack()
  }

  componentDidShow() {
    super.componentDidShow();
  }

  componentDidHide() {
    super.componentDidHide();
  }

  onClick = () => {
    super.clickTrack({
      pageClickArea_var: '点击区域',
      pageClickPosition_var: `点击位置`,
      pageClickName_var: '事件名称',
      To_RetentionPage_var: false
    },'页面key');

    super.clickTrack2('点击区域', `点击位置`, '事件名称', '是否留资 非必传')
  }

  render() {
    return(<View >...</View>)
  }
}

Gio Api

相关API

/**
   * 初始化
   * @param config 项目配置
   * @param option 配置项
   */
Gio.init(config: GioConfig, option: InitOption);
  /**
   * 基础参数配置
   * @param option 配置项
   */
  Gio.baseConfig(option: BaseConfig, thrid?: ThridShare): void;

  /**
   * 公共参数配置
   * @param option 配置项/或具体配置项的key
   * @param value 配置项值，只有option为字符串时传值
   */
  Gio.config(option: ParamOptionConfig | ThridShare | string, value?: string): void;

  /**
   * 获取参数
   * @param value 获取配置类型；不传全部配置，'param': 参数配置，'base': 基础配置,
   */
  Gio.getConfig(value?: string): {
    param: ParamOptionConfig;
    base: BaseConfig;
    thrid: ThridShare;
  };

  /**
   * 获取所有配置
   */
  Gio.getConfigAll(): ParamOptionConfig & BaseConfig & ThridShare;

  /**
   * 设置埋点事件和事件级变量
   * 发送一个埋点事件。在添加所需要发送的事件代码之前，需要在平台中配置事件以及事件属性。
   *
   * @param event 必填；事件名/标识符
   * @param params 选填；事件属性，即事件发生时所伴随的维度信息参数
   */
  Gio.track(event: string, params: any, item?: TrackItem): void;
  /**
   * 设置埋点事件 -浏览
   * @param params 配置参数
   */
  Gio.browse(params: BrowseParam, item?: TrackItem): void;

  /**
   * 设置埋点事件 -曝光
   * @param key 事件名
   * @param timeCount 计时
   * 例：event,
   */
  Gio.expose(key: string, timeCount?: number, item?: TrackItem): void;

  /**
   * 设置埋点事件 -点击
   * @param key 事件名
   * @param params 点击参数
   */
  Gio.click(key: string, params: ClickParam, item?: TrackItem): void;

  // 点击事件
  Gio.click2(area: string, position: string, name: string, retention?: boolean, item?: any): void;

  /**
   * 获取版本号
   */
  Gio.getVersion(): string;