在App.vue中添加： export default { name: 'App', mounted() { // 创建cnzz统计js const script = document.createElement...('script') script.src = 'https://v1.cnzz.com/z_stat.php?...contentUrl = location.pathname + location.hash; let refererUrl = '/'; // 用于发送某个URL的PV统计请求
前言 很多人都知道cnzz不管怎么设置都会出现统计图片或者字,对于某些网站来说这非常破坏美观性,如果使用cnzz统计又该如何隐藏这些图标呐?
cnzz网站访问量统计 使用友盟第三方的统计插件，网址：http://www.umeng.com/ 进入网站先注册账号然后根据下列图片进入添加站点。...添加站点，自己搭建的博客，需要统计访问量的网站(这里加入我的博客网站)，然后点击统计代码进入代码页 代码页有很多样式，我的是红框的演示，纯文字统计，简洁大方，选择其他样式也可以 选择样式，复制样式代码到...\themes\yilia\layout\_partial下的 footer.ejs中加入如下代码块和即可 里面是从CNZZ复制的代码 代码块
前言 使用了 10 多年的 CNZZ 将在 5 月终止免费服务，一时之间也不知道选择哪家统计服务。...关键是一旦像 CNZZ 这样，10 多年的数据也无法取回了，不如自己搭建一台统计服务器吧，腾讯云轻量服务器无疑是最佳选择，再也不用担心数据无法取回了。...Matomo是一款Google Analytics、CNZZ等统计产品的开源替代工具。...与其他网络上面的网站流量统计工具，不同的是Matom是可以自建的，好处还是很明显的，你可以拥有你所有的数据，这在以后或者将来会越来越重要。...6cf8ed0f99f54c0e15f187c392fd56b9.png] 登录Matomo后台 在浏览器输入服务器ip地址，将打开Matomo登录界面，使用上一步的账号密码登陆 [5e64647d72a1aa0d390b6d1bc9ff93b5.png] 获取统计代码
前言 因为单页面开发，所以统计代码的封装和考虑点是我们需要着手设计的(比如维护性）。 cnzz提供的js注入有四种方式，如下 ? 我这边用的是第一种，为了方便定位问题，采取问答式来写这篇水文。...实现 cnzz js的注入 最普通的就是我们直接去操作html的head，然后手动复制那么一段进去； 若是我们要考虑下维护性，基于 vue cli 3 构建项目的小伙伴可以用脚手架封装的特性来抽离； 就是...移除丑陋的站长统计DOM 因为用的文字版，所以会植入一个 a 标签，看了下dom结构，就很好处理了， 我们监听事件 DOMContentLoaded （页面结构解析完毕【和load差别很大】），顺利拿到...行为封装 埋点行为触发主要用的是CNZZ这个事件(trackevent) 对于可以重复利用的东西，抽离为函数是最佳姿势，具体代码如下（结合我业务的）， 为什么要判断 _czc ,是那个js注入的文件有时候不一定加载成功
今天是ytkah马年春节后的第一天上班，祝大家马年吉祥，马上有钱……此处略去1w字 写这个随笔有一段时间了，是时候考虑添加一下马蹄印记统计（网站统计代码）了。...统计代码第一个想到的是GA，但可能需要代理才能更好访问，而且有个时间滞后的问题，即不能查看实时统计状态。还有一个就是语言的差别，有些访问关键词无法显示。好吧，那想想其他的吧。...中文的站长统计比较常用cnzz，就尝试着加入到底部html代码中，保存，查看源代码，没找到！？？重新添加js代码保存，消失了？！被屏蔽了。查看一下，设置那边，提示说要先开通js权限。好吧，联系开通吧。...网上再搜索一下，貌似cnzz不太友好啊，会产生大量cookie，还好这位帅锅给出了解决方案。 bd的野心不小，也开通了统计代码功能。...别人儿子bd一定会排斥，比如cnzz，51la，量子统计。if you不放心，就同时加几个站长统计吧，各有各的优缺点，数据更全面
站长统计没有自带隐藏前台“站长统计”文字的功能，这2字在我们页面中时而多余时而碍眼，所以90%以上的用户都会想办法去除或隐藏“站长统计”四个字。...获取到的默认代码: document.write(unescape("%3Cspan id='cnzz_stat_icon_1xxxxx01...ID为你网站的统计ID，有2处要修改，分别是id='cnzz_stat_icon_5844924'和stat.php%3Fid%3D5844924，把5844924修改成你网站的统计id就可以了。...增加一段js隐藏站长统计文字链接 在获取的统计代码最后，也就是前面，加一段： document.getElementById("cnzz_stat_icon_xxxxxxx").style.display...= "none"; 在保存前记得修改站点统计ID，将xxxxxxx修改为你的站长统计网站统计ID即可。
导读： 分类：技术干货 题目：站长统计和阅读统计 一.站长统计 使用一个站长统计工具，可以为博客添加一个如上面似的详细的访问报表。...站长统计工具有很多，每个工具大同小异，这里我选择了CNZZ。 1.CNZZ配置 1.注册一个账号。 2.添加网站。...按照如下要求添加网站 3.选择统计代码 添加完网站后就可以选择一段代码插入你的博客里了， CNZZ提供了几种样式，你可以选择展示真实的统计数量，一个cnzz图标或者什么都不显示。...1.引入不蒜子 将不蒜子js文件引入博客主题公共组件中。... 这里我同站长统计一样放在themes
相信绝大部分的站长都是在站点上部署了CNZZ的站点访问统计吧，不过CNZZ的JS在每次加载页面的时候总是要加载那么1~3秒，甚至更长，其原因就是：本来页面都已经加载完成了，又非要多加载那么几秒，这样可能导致用户以为网站打开很慢呢... $(function () { var cnzz = document.createElement("script"); cnzz.src = "//s4....cnzz.com/z_stat.php?...id=1254820389&web_id=1254820389"; document.getElementsByTagName('body')[0].appendChild(cnzz);
增加cnzz站点统计PV，UV等信息 如何在网站上添加访问信息统计呢？...1.注册友盟账号:https://www.umeng.com/ 2.选择-产品-网站统计添加要统计的网站信息 3.站点设置-获取代码，注意是复制图中所示的代码之一，而不是前面的代码，否则只会显示图标而不显示统计结果...cnzz统计 找到主题下cnzz的文件，例如next主题修改/next/layout/_third-party/analytics/cnzz-analytics.swig 文件内容如下： {% if theme.cnzz_siteid...%} 这里替换成你复制的内容 {% endif %} 添加完成后，记得修改next主题配置文件，将cnzz相关信息修改： cnzz_siteid: 这里替换成你自己的id.../tagcloud.js"> </script
firebase进行构建 2.报表统计 借助Echarts.js构建数据报表统计，构建步骤说明如下 在主题配置文件中配置inject->head引入echarts.js文件（可调整版本）...> 在butterfly\scripts\helpers\目录下创建自定义的charts.js文件 创建一个统计页面，在文章中引入容器装载统计图 常见问题 如果构建过程中出现一些依赖引入相关问题...，在主题配置文件中配置相应的代码即可 百度统计 google统计 CNZZ分析 Microsoft Clarity 登录网站统计，管理->网站列表->新增自有网站，输入网站域名后确认 代码管理->代码获取...，在代码获取页面查看相应的字段内容（hm.src = "https://hm.baidu.com/hm.js?...分析官网，注册站点 站点设置 -> 获取代码 -> 获取web_id即为cnzz_analytics值 登录Microsoft Clarity，Add New Project 选择构建完成的
主题配置 由于我才用的是Hexo中的Next主题，其中配置了CNZZ站长统计。其中配置的CNZZ统计JS是才用的HTTP。导致在首页的时候chrome一直提示感叹号。...修改站点themes/next/layout/_scripts/third-party/analytics目录下的cnzz-analytics.swig文件 {% if theme.cnzz_siteid...%}
最早使用51la和量子恒道，后来使用GoogleAnalytics、CNZZ、百度统计，目前主力使用CNZZ，辅助使用百度统计。...当页面上的JS文件加载后，统计系统才会统计到这个页面的浏览行为，有如下情况需注意：1.用户多次打开同一页面，浏览量值累计。...CNZZ和百度统计都有导出数据功能，但CNZZ只有CSV和XLS两种格式，百度统计有PDF和CSV两种格式，就易读性来说，百度统计的PDF给了简版图文报告+源数据报告，CNZZ则只有源数据报告，而且CNZZ...还有个坑，分析CNZZ源数据时，不能下载CSV，表中有隐藏符号（"），只计数，不统计；就生成速度来说CNZZ秒开，二百度统计则会显示等待30秒至5分钟。...分别下载CNZZ和百度统计的一周“趋势分析”报表，EXCEL数据对比得出CNZZ统计得出的数据普遍比百度统计多，主要是由于不同软件的统计原理不同，甚至是服务器稳定性造成的。
<script type="text/javascript"> var a=prompt("请输入样例:"); var b=a.split(''); ...
为规范服务质量、优化服务资源，我们对U-Web产品功能做出如下调整 尊敬的U-Web 用户： 在过去的十余年中，友盟+ 网站统计U-Web产品（又名：CNZZ） 共计陪伴了960万网站开发者的成长，我们很荣幸为您服务...同时，U-Web将于2022年5月10日起不再提供免费的网站统计分析服务，相关服务调整如下： 1.从2022年5月10日起，U-Web不再提供免费新建站点，仅为付费账号提供创建站点能力； 2.如果您希望继续使用...友盟+ 也不断调整和升级产品矩阵，为了更好支持开发者对于网站统计分析的深度诉求，我们同时提供了更为专业全面的付费统计分析产品，支持灵活搭建指标看板与多维分析模型，支持SaaS和私有化部署两种服务方式 再次感谢您对友盟...答：请您点击商务在线进行咨询 那既然cnzz不免费了，小站长们如何统计数据呢？...在此推荐两个平台 51la和百度统计 百度统计就不介绍了，只放一下51la吧,百度统计就不介绍了,只放一下51la吧 点击查看 本文来源于星泽V社，未经允许禁止转载，原文链接:https://www.52xzv.cn
后来我写了一个段测试脚本，果然是js输出的js将不能执行。...具体看下面的代码： document.write("<script src=\"http://s33.cnzz.com/stat.php?...脚本，输出统计图标 把代码修改如下： 加载中......var newStr = "<script src=\"http://s33.cnzz.com/stat.php?...代码动态输出的代码替换了，但是并没有显示统计图标，说明script脚本调用代码已经被输出到页面，但是没有被执行。
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="vie...
我们经常需要统计一个函数的执行耗时来判断函数的性能或者用于其他用途。JS 函数统计耗时主要有如下几种办法。...console.time()和console.timeEnd()方法均使用一个参数表示计数器的名称，参数值可以是任何字符串，但是这两个方法所使用的参数字符串必须相同，才能正确地统计出开始时间与结束时间之间所经过的毫秒数...function var end = performance.now(); console.log('cost is', `${end - start}ms`) ---- 参考文献 [1] 博客园.在JS...中统计函数执行次数与执行时间 [2] Node.js.Performance [3] Node.js.Console
作为一个有个性的博主，一定要有和别人不同的“站长统计”图标。 以cnzz为例，众所周知统计代码只有显示文字或者显示他的固定的图标。...根本没考虑用户个性化的需要 所以我就写了这么个方法，很实用的 1，首先要知道如何巧妙去除隐藏“站长统计”文字链接 1444125344642541.jpg 如下图统计代码 然后在上述代码中的前加入document.getElementById("cnzz_stat_icon_你的统计id").style.display...siteid=1255472006" target="_blank"> 将1255472006修改为你的站长统计网站统计ID即可 综上： <a href
建站时我们都会加一下网站统计，方便把控内容的内容的运营。大部分站长安装的站点统计是第三方统计代码，js形式的，很少用以服务器日志为基础分析的统计。...因为很多统计都没记录蜘蛛的轨迹）普通的js统计代码就能满足大多数的需求。...将统计代码写进js中，只要每个页面有调用这个js，那这些页面都会被记录。可有些统计都会在页面上留个小图标，对于有“强迫症”的人来说是致命的，直接在html中用display none来隐藏掉。...如何在js中将统计代码隐藏呢？还是通用的。以51统计为例，他提供了可至于js文件中的代码 ?....51.la/***.js">'); 如果cnzz或其他没有提供可至于js文件中的代码，可以先将普通html的代码转换成js的代码，也就是
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
云直播
