vue项目引入腾讯移动分析平台统计页面浏览量和功能按钮点击量的具体方法步骤

步骤如下:

1. 打开网址, 使用自己的QQ登陆

http://mta.qq.com/

2. 点击"我的应用" 0-> "HTML5应用" -> "新建应用", 此处已经新建好了一个, 如果要给按钮添加监听事件, 查看按钮的点击次数, 记得勾选"自定义事件".

新建应用

2. 点击自己应用的右上角管理,复制如下代码, 添加到index.html页面中去, 放在title下面, 如果不添加按钮监听事件, 就到此结束了.

 

把自己创建的应用管理中产生的脚本代码复制放进自己的程序里,如下图:
放在index.html中

3.注意:在单页面中,要是只加在head中的话那是没用的,因为App进入只能运行一次,记录的只有第一个页面,所以还需要在main.js中加入路由变化后的统计,在路由的afterEach函数中使用,这样就能保证单页应用的每个页面浏览进入时都能及时被上交给腾讯分析平台了

检测路由变化后仍旧提交页面浏览脚本给腾讯平台,防止单页应用只记录第一次进入根目录时的页面。

 效果:

本地测试的浏览页面统计已经可以在平台查看了

 4.绑定自定义事件,按钮点击量统计

       1).先创建按钮事件:

新增按钮事件,然后讲产生的事件代码添加到自己程序中对应的功能按钮上,如下图:
产生的登录按钮对应的代码

 

将平台产生的登录按钮代码绑定自己代码中对应的事件即可

 

6.登录按钮的统计量页面:

平台上已经能产看到各大功能按钮的点击量相关信息了

 

 

最后,如有问题,请留言,我看到后会第一时间处理回复,谢谢。

 

 

 

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在新建一个Vue项目引入Element UI的步骤如下: 1. 首先,确保你已经安装了Vue CLI和Node.js。Vue CLI可以通过在终端运行以下代码进行安装: ``` npm install -g @vue/cli ``` 安装完成后,你可以通过运行以下代码来验证是否安装成功: ``` vue --version ``` 同样,确保你已经安装了Node.js,你可以通过在终端运行以下代码来验证是否安装成功: ``` node --version ``` 2. 使用Vue CLI创建一个新的项目。打开终端,进入你想要创建项目的文件夹,并运行以下代码: ``` vue create 项目名 ``` 这将创建一个名为"项目名"的新的Vue项目。运行以上命令后,会提示你选择一些配置选项,你可以根据你的需要进行选择,或者直接按回车键选择默认选项。 安装完毕后,你可以通过以下命令进入项目文件夹: ``` cd 项目名 ``` 3. 安装Element UI。在终端中运行以下代码: ``` npm install element-ui ``` 4. 在main.js文件中引入Element UI。打开src文件夹,找到名为main.js的文件,并在文件开头添加以下代码: ```javascript import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ``` 5. 至此,你已经成功引入了Element UI。你可以在项目的其他Vue文件中按照Element UI的文档使用它的组件,例如在组件中引入Button组件: ```vue <template> <div> <el-button>按钮</el-button> </div> </template> <script> export default { name: 'MyComponent', // ... } </script> <style> /* ... */ </style> ``` 以上就是将Element UI引入Vue项目中的步骤。通过按照以上步骤操作,你可以使用Element UI的各种组件来构建你的Vue应用程序。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值