npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

yit-collect

v3.0.0

Published

```js 点击统计(不建议使用,影响曝光的统计) window._collect.click({ spm, biz_params: string }) // 单独调用的曝光函数 window._collect.onExposure({ // [{ // spm, // biz_params, // 也可以传obj // datalogArr // }], }) window._collect = { // 获取当前

Downloads

10

Readme

数据统计埋点sdk的

数据统计的方法

点击统计(不建议使用,影响曝光的统计)
window._collect.click({
    spm,
    biz_params: string
})
// 单独调用的曝光函数
window._collect.onExposure({
    // [{
    //     spm,
    //     biz_params,  // 也可以传obj
    //     datalogArr
    // }],
})
window._collect = {
    // 获取当前屏幕的曝光信息 
    // 绑定滚动事件
    handleScroll,
    handleExposure,
    resetExposure, // 重置曝光方法
    onExposure(list,issend)
}
/**两个方法需要同时调用
window._collect.handleScroll()
window._collect.handleExposure()
**/

统计元素的特点: 主要以对元素添加属性

  • data-spm: 统计元素的vid
  • data-log: 表示用于统计的元素(废弃)
  • data-log_*: 统计元素的业务参数, 例如data-log_product_id=1234; 表示当前元素的spuid
  • 以下主要是针对曝光
    • data-boxScroll : 页面内部可以纵向滚动的元素, 如果需要统计的话,需要放这个属性

点击、曝光

+ 点击: click
+ 曝光: exposure;内部数据出现在可视区域内,认为当前元素需要曝光
    * 横向滚动(页面滚动、元素内部滚动)
    * 纵向滚动(页面滚动、元素内部滚动)
    * 停止时组件高度宽度 >= 50% 
    * 返回定位过程中不曝光
    * fixed固定定位的报一次
    * 轮播曝光埋点 
    * 隐藏模块(可见时曝光)(display:none, dom删除, zIndex过低。。。等)