1. NPM方式

1.1 安装

npm i hina-cloud-js-sdk
# or
yarn add hina-cloud-js-sdk
# or
pnpm i hina-cloud-js-sdk

1.2 初始化

import hina from 'hina-cloud-js-sdk'

hina.init({
    serverUrl: '数据接收地址',// 配置采集上报地址URL，查看下面的【采集上报地址获取】链接
    showLog: true,
    sendType: 'ajax',
    autoTrackConfig: {
    // 是否开启自动点击采集, true表示开启，自动采集 H_WebClick 事件
    clickAutoTrack: true,
    // 是否开启页面停留采集, true表示开启，自动采集 H_WebStay 事件
    stayAutoTrack: true,
    //是否开启页面浏览采集auto 表示开启，singlePage 表示单页面开启，false 关闭，可配合手动开启使用
    // 若页面中有锚点设计，需要将该配置设为 false，否则触发锚点会多触发 H_pageview 事件
    pageviewAutoTrack: 'singlePage',
    //  是否开启页面离开采集，true 表示开启，具体配置查看插件集成
    pageLeaveAutoTrack: true
    },
});

2.script方式

2.1 4.0.0及以上版本（强烈推荐）

下载地址：GitHub - hinadt/hina-cloud-js-sdk

<script src="./hina.iife.js"></script>

<script>
    // 创建 SDK 全局对象
    const hina = window.hinaDataStatistic.default;

  // 用配置对象初始化 SDK
  hina.init({
        serverUrl: '数据接收地址',// 配置采集上报地址URL，查看页面底部的【采集上报地址获取】链接
        showLog: true,
        sendType: 'ajax',
        autoTrackConfig: {
            // 是否开启自动点击采集, true表示开启，自动采集 H_WebClick 事件
            clickAutoTrack: true,
            // 是否开启页面停留采集, true表示开启，自动采集 H_WebStay 事件
            stayAutoTrack: true,
            //是否开启页面浏览采集auto 表示开启，singlePage 表示单页面开启，false 关闭，可配合手动开启使用
            // 若页面中有锚点设计，需要将该配置设为 false，否则触发锚点会多触发 H_pageview 事件
            pageviewAutoTrack: 'singlePage',
            //  是否开启页面离开采集，true 表示开启，具体配置查看插件集成
            pageLeaveAutoTrack: true
        },
    });
    // 将 SDK 实例赋给全局变量 hina，或者其他您指定的变量
    window["hina"] = hina;
</script>

2.2 3.1.8及以下版本

下载地址：GitHub - hinadt/hina-cloud-js-sdk

<script src="./hina.min.js"></script>

<script>
    // 创建 SDK 全局对象
    const hina = window.hinaDataStatistic;

  // 用配置对象初始化 SDK
  hina.init({
        serverUrl: '数据接收地址',// 配置采集上报地址URL，查看页面底部的【采集上报地址获取】链接
        showLog: true,
        sendType: 'ajax',
        autoTrackConfig: {
            // 是否开启自动点击采集, true表示开启，自动采集 H_WebClick 事件
            clickAutoTrack: true,
            // 是否开启页面停留采集, true表示开启，自动采集 H_WebStay 事件
            stayAutoTrack: true,
            //是否开启页面浏览采集auto 表示开启，singlePage 表示单页面开启，false 关闭，可配合手动开启使用
            // 若页面中有锚点设计，需要将该配置设为 false，否则触发锚点会多触发 H_pageview 事件
            pageviewAutoTrack: 'singlePage',
            //  是否开启页面离开采集，true 表示开启，具体配置查看插件集成
            pageLeaveAutoTrack: true
        },
    });
    // 将 SDK 实例赋给全局变量 hina，或者其他您指定的变量
    window["hina"] = hina;
</script>

3. SDK初始化参数说明

注意：
1、“数据接收地址”获取方式，请参考【采集上报地址获取】；
2、更多初始化配置，请参考【SDK接入】；