浏览量统计

2024-01-09 06:36| 来源: 网络整理| 查看: 265

Waline 支持浏览量统计。

# 和评论一起使用

如果你正在使用 Waline 的评论服务，你可以在初始化时设置 pageview 选项为 true 来开启浏览量统计功能:

阅读量: import { init } from 'https://unpkg.com/@waline/client@v3/dist/waline.js'; init({ el: '#waline', // ... pageview: true, // 浏览量统计 });

Waline 会在初始化以及每次 path 更新时，自动查找页面中 class 值为 waline-pageview-count 的元素，获取其 data-path 为查询条件，并将得到的值填充到其中:

如果你需要一个不一样的选择器，你可以设置 pageview 选项为这个选择器。

阅读量:

每次当你调用 WalineInstance.update() 时，Waline 会重新查找页面并自动更新浏览量。

例子

当前页阅读量为:

# 单独使用

如果你只需要使用浏览量统计功能，你可以导入 Waline 提供的 pageview 模块，它的 Gzip 大小 < 1KB。

当前页面浏览量: 主页浏览量: import { pageviewCount } from 'https://unpkg.com/@waline/client@v3/dist/pageview.js'; pageviewCount({ serverURL: '', path: window.location.pathname, // 可选的，用于自定选择器，默认为 `'.waline-pageview-count'` // selector: 'waline-pageview-count', // 可选的，是否在获取时增加访问量，默认为 `true` // update: true, });

当前页面浏览量:

主页浏览量:

中途取消

由于浏览量获取是一个异步网络操作，你可能需要在特定情况下取消正在执行的浏览量更新操作。

pageviewCount 会返回一个函数，调用后即可取消此次更新:

import { pageviewCount } from 'https://unpkg.com/@waline/client@v3/dist/pageview.js'; const abort = pageviewCount({ serverURL: '', path: window.location.pathname, }); // 在 500ms 后，如果网络请求仍未完成，取消本次操作 setTimeout(() => abort(), 500);

【本文地址】

浏览量统计

浏览量统计

今日新闻

推荐新闻