MENU

Vue单页面spa加入站点统计

前言

年前做好了基于Vue四六级准考证查询,想着统计下到时候的访问量这些,但是Vue是单页面的,不像我们平时的博客站点那样,所以,方法还是有点不一样。

实现方法

实现原理:通过监听路由的变化来实现刷新script链接。下面介绍友盟的统计
具体实现:在APP.vue文件中添加如下代码:

        mounted() {
            const script = document.createElement('script')
            script.src = ''     //友盟链接
            script.language = 'JavaScript'
            document.body.appendChild(script)
        },
        watch: {
            '$route'(to, from) {
                if (window._czc) {
                    let location = window.location
                    let contentUrl = location.pathname + location.hash
                    let refererUrl = '/'
                    window._czc.push(['_trackPageview', contentUrl, refererUrl])
                }
            }
        }
标签: vue.js, 前端
返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码