分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

简单使用Google Analytics监控网站浏览行为

发布时间:2023-09-06 02:28责任编辑:顾先生关键词:暂无标签

  之前对网页做用户转化率调查这块,找到了谷歌GA事件,现在有时间对使用方法和遇到问题做个简单记录。官方文档其实也介绍的比较清楚,可以查看官方文档。

  首先,在官网申请UA-id,然后在主页加入如下代码:

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23257197-2"></script> ?<script> ???window.dataLayer = window.dataLayer || []; ???function gtag () { ?????dataLayer.push(arguments) ???} ???gtag(‘js‘, new Date()); ???gtag(‘config‘, ‘UA-23257197-2‘); ?</script>

  按照GA官网给出的文档,把代码加入到了index.html里面,然后测试发现统计出来的数据跟实际浏览数据对不上。经过一番研究后,发现谷歌GA事件的网页追踪原理是每一次网页跳转都会调用那个gtag(‘config‘)代码,然后追踪当前页面。但是对于单页面来说,其实页面只加载了一次index.html,所以造成了数据丢失。

    解决方法:在全局路由钩子里面加上手动添加page_path。

window.dataLayer = window.dataLayer || []function gtag () { ?window.dataLayer.push(arguments)}router.afterEach((to, from, next) => { ?gtag(‘config‘, ‘UA-23257197-2‘, { ‘page_path‘: to.fullPath })})

简单使用Google Analytics监控网站浏览行为

原文地址:https://www.cnblogs.com/goloving/p/10216071.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved