html中添加cnzz,vue中移动端网页 H5网站添加到友盟 cnzz的方法

cnzz官网有很详细的教程,注册账号等.这里就不阐述这些流程了.主要说一下添加代码部分;整个流程也就4步.注册号账号后,根据官网的流程添加网站信息.完成后复制代码添加到项目中就可以了.

这里只说一下在vue中添加cnzz的方式.因为我们的项目是vue的.需要把代码添加到app.vue中;具体代码如下:

export default {

name: "App",

mounted() {

// 友盟统计添加

const script = document.createElement("script");

script.src =

"https://s95.cnzz.com/z_stat.php?id=1275655609&web_id=1275655609";

script.language = "JavaScript";

document.body.appendChild(script);

watch: {

$route() {

if (window._czc) {

let location = window.location;

let contentUrl = location.pathname + location.hash;

let refererUrl = "/";

window._czc.push(["_trackPageview", contentUrl, refererUrl]);

}

这个代码中除了id都可以通用.你如果要复制我的代码.那需要把id替换成你们自己的网站生成的id.就是这个

"https://s95.cnzz.com/z_stat.php?id=1275655609&web_id=1275655609";

id替换成你们自己的网站后,过一会儿就可以看到统计的数据了.

html中添加cnzz,vue中移动端网页 H5网站添加到友盟 cnzz的方法相关推荐

友盟cnzz统计数据为什么统计不到百度360搜狗搜索过来的关键词？
网站上同时安装了百度统计和友盟的cnzz统计,通过数据分析发现,两者有很大区别,而且在cnzz搜索词那一项,和百度统计的出入很大. 记得几年前,cnzz是可以详细统计到各大搜索引擎的数据的,那么现在c ...
vue给html动态添加属性,Vue中怎么动态添加类名？
能够向组件添加动态类名是非常强大的功能.它使我们可以更轻松地编写自定义主题,根据组件的状态添加类,还可以编写依赖于样式的组件的不同变体. 添加动态类名与在组件中添加 prop :class=" ...
Vue中使用友盟CNZZ事件统计
1.在app.vue中进行引入 created() {let CNZZ_ID = "CNZZ_ID ";// 创建cnzz统计jsconst script = document.c ...
jquery 加载中_在 vue 中使用 ztree
vue-cli版本:@vue/cli 4.3.1 安装ztree和jquery npm i @ztree/ztree_v3npm i jquery@1.11.3 打开vue.config.js文件,添 ...
后台管理系统中的antd vue中的问题(动态加载列表a-select-option,后台管理中a-selct-option的回显)
一.antd vue中的a-select的动态加载列表a-select-option 1.既然是动态加载选择框的列表a-select-option,必然存在获取后台数组,并循环后台数组格式: 数组( ...
在html中做产品介绍页面,美发企业制作网页时如何添加产品介绍
在这个看颜时代,发型是影响一个人颜值的重要因素,一个好的发型能够改变一个人气质,改变别人对你的印象,因此现在越来越多的美发企业都应运而生.美发企业要想获得更多订单获得更高的知名度,搭建网站借助互联网的 ...
uniapp 给H5网站添加图标favicon.icon
需求介绍项目上线了,但是没有自己的个性图标怎么行,必须得咱H5导航栏整一个. 解决步骤新建一个HTML文件 uniapp H5项目生成时本身是没有 index.html 等相关HTML文件,而图标 ...
vue点击事件添加html,vue 中拼接html时添加点击事件
添加 1111 export default { data() { return { tooltip:"test", }; }, methods: { hahha(){ var i ...
jq中如何调用vue中的方法
vue: var app = new Vue({el:'#main',data:{},method:{fn:function(){} }jq: $('#main').click(function(){ ...
vue 微信html,vue 实现微信端网页分享
这个问题折磨了好久,问了很多人都觉得很简单,的确很简单相对于做过了的人来说的话,的确如此,但是第一次做的话,太多坑要踩了,决定记录下来 1.公众号配置: 如果你们的公众号有专人保管,那么跟他说把安全域 ...

html中添加cnzz,vue中移动端网页 H5网站添加到友盟 cnzz的方法

html中添加cnzz,vue中移动端网页 H5网站添加到友盟 cnzz的方法相关推荐

最新文章

热门文章

html中添加cnzz,vue中移动端网页 H5网站 添加到 友盟 cnzz的方法

html中添加cnzz,vue中移动端网页 H5网站 添加到 友盟 cnzz的方法相关推荐

最新文章

热门文章

html中添加cnzz,vue中移动端网页 H5网站添加到友盟 cnzz的方法

html中添加cnzz,vue中移动端网页 H5网站添加到友盟 cnzz的方法相关推荐