您现在处于CDN 引入文档
jekit免费 · 公开 · 高效

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