Vue 2.x折腾记 - (21) CNZZ统计在引流页中的应用姿势

前言

因为单页面开发，所以统计代码的封装和考虑点是我们需要着手设计的(比如维护性）。

cnzz提供的js注入有四种方式，如下

我这边用的是第一种，为了方便定位问题，采取问答式来写这篇水文。

实现

cnzz js的注入

最普通的就是我们直接去操作html的head，然后手动复制那么一段进去；

若是我们要考虑下维护性，基于 vue cli 3 构建项目的小伙伴可以用脚手架封装的特性来抽离；

就是 .env 文件 + 模板插值 来实现； 前者是环境配置文件，后者是模板语言。

具体可以官方的文档：

• html-and-static-assets