CDN 引入
浏览量:Err查看修改记录
无需安装依赖或使用构建工具时,可以通过 CDN 脚本直接接入 Jekit,并选择自动注入、事件监听或全局对象三种方式读取统计数据。
如何使用?
- 在顶层 html 文件中引入脚本资源。然后在以下三种方案中任选其一使用。
<script src="https://cdn.jekit.cn/1.5.2.js" async></script>// 以下是备用地址,可按照您的地理位置选择一个适合的使用
// <script src="https://cdn.jsdelivr.net/npm/jekit-cdn@1.5.2/jekit-cdn.min.js" async></script>
// <script src="https://cdn.jsdmirror.com/npm/jekit-cdn@1.5.2/jekit-cdn.min.js" async></script>
// <script src="https://fastly.jsdelivr.net/npm/jekit-cdn@1.5.2/jekit-cdn.min.js" async></script>
// <script src="https://npm.webcache.cn/jekit-cdn@1.5.2/jekit-cdn.min.js" async></script>- 自动注入方案: 在目标元素上添加对应的类名即可使用
<div>
网站总访问量<span class="jk-site-pv">Loading</span>次 <br>
网站总访客数<span class="jk-site-uv">Loading</span>人 <br>
页面总访问量<span class="jk-page-pv">Loading</span>次 <br>
页面总访客数<span class="jk-page-uv">Loading</span>人 <br>
今日网站总访问量<span class="jk-site-pv-today">Loading</span>次 <br>
今日网站总访客数<span class="jk-site-uv-today">Loading</span>人 <br>
今日页面总访问量<span class="jk-page-pv-today">Loading</span>次 <br>
今日页面总访客数<span class="jk-page-uv-today">Loading</span>人 <br>
</div>- 事件监听方案:监听 jekitchange 事件
window.addEventListener('jekitchange', (event) => {
const jekit = event.detail;
console.log('jekitchange', jekit);
});
// jekit中的对象有
// sitePv 网站总访问量
// siteUv 网站总访客数
// pagePv 页面总访问量
// pageUv 页面总访客数
// sitePvToday 今日网站总访问量
// siteUvToday 今日网站总访客数
// pagePvToday 今日页面总访问量
// pageUvToday 今日页面总访客数
// 共有四个事件,他们返回的数据结构都一样
// jekitchange 状态变化
// jekitloading 加载中
// jekitready 加载完成
// jekiterror 加载失败- 全局对象方案:注意时机,脚本未加载完成时值为 undefined
const jekit = window._jekit;
console.log('jekit', jekit);
// jekit中的对象有
// sitePv 网站总访问量
// siteUv 网站总访客数
// pagePv 页面总访问量
// pageUv 页面总访客数
// sitePvToday 今日网站总访问量
// siteUvToday 今日网站总访客数
// pagePvToday 今日页面总访问量
// pageUvToday 今日页面总访客数设置默认值
修改 <span class="jk-site-pv">----</span> 标签内的文本区域,设置数据未加载成功时显示的默认值。
请求错误值
当请求发生错误时所有指标的值为 Err
