前端埋点实现 - 谷歌统计的接入和使用

这是我参与2022首次更文挑战的第19天，活动详情查看：2022首次更文挑战

hi 我是小十七_，之前总结过前端埋点 - 谷歌统计的接入和使用，分享给大家～

准备

注册谷歌账户，注册谷歌统计账户，关联域名生成唯一的跟踪 ID，将跟踪代码代码嵌到 html 页里面，就可以收集到默认维度的数据了。

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-xxxxxx', 'auto');
    // ga('send', 'pageview');
</script>
复制代码

如果是多页的话，在每个页面插入上面的代码，这样就可以统计谷歌默认维度的数据了。主要维度有浏览器，地区，指标有用户数，会话数，网页浏览量，页面停留时间等。每次跳转页面的时候谷歌发送浏览的地址，

单页面应用发送浏览数据

developers.google.com/analytics/d… 只有一个 html 页，在程序里通过更新地址栏的网址来模拟页面切换，所以谷歌统计的代码只会调用一次，所以在页面路由变化时，更新跟踪器，发送一个新的网页匹配。

ga('set', 'page', transition.to.path);  // transition.to.path 前端访问路径
ga('send', 'pageview');
复制代码

自定义维度统计数据

维度和指标

相当于 Excel 表格中的行和列，比如要统计不同国家人的浏览量，这样国家就相当于一个维度，浏览量就是指标，一般是数值。

自定义维度

在管理 -> 自定义定义 -> 自定义维度设置，最多设置 20 个自定义维度。在路由跳转的时候发送数据

ga('send', 'pageview', {
    'dimension1': queryData.partner_id,
    'dimension2': queryData.type,
    'dimension3': queryData.resource_id,
    'dimension4': queryData.user_id,
});
复制代码

自定义报告

配置

support.google.com/analytics/a…

选择图表

分层图表：标准的 Analytics（分析）报告，包括一个折线图和一个包含搜索/排序选项和次级维度等动态元素的数据表。平面表格：可排序的静态图表，分行显示数据。地理分布图：世界地图。不同国家/地区用较深的颜色标识，以显示流量和互动量。

配置维度和指标

添加过滤条件

配置图表中显示或隐藏某一维度值。

显示

选择日期范围（右上角）

support.google.com/analytics/a…

上周表示从周日到周六的数据
比较日期范围：可以和其他时间段的数据相比较

报告中抽样率

support.google.com/analytics/a…

响应速度较快，但准确性较低或响应速度较慢，但准确性较高
普通报告会话数超过 50 万次时，系统会进行抽样

更改时间图表

小时，日，周，月
图表横轴的日期按照不同的范围显示
和日期范围共同作用于图表的显示结果

排序类型

加权：按照数据的重要性对百分比数据进行排序，比如基于一页的跳出率和基于1000页的跳出率，虽然一页的数值是100％但排在后面。

细分

“细分”是指您的一部分 Google Analytics（分析）数据。例如，在您的整个用户群中，您可使用一个细分指定来自特定国家/地区或城市的用户，使用另一个细分指定购买特定产品系列或访问网站上特定部分的用户。

其他

网页浏览量

用户浏览的总页数，系统会计入对同一屏幕的重复浏览。即用户进入网页刷新，会被计入另一次浏览，用户从别的页面回到这个网页，也会被计入另一次浏览。

屏幕浏览量

用于 app 统计浏览次数，如果新建媒体资源账户为 app 时，这里会有数据。 GA 中的浏览量（Pageviews）是 PV，会话数（sessions）是访问次数，用户数是 UV（unique visitors），GA 中没有 IP 数这个指标。

浏览器中设置的 cookie

Cookie名称有效期说明 _ga 2年用于区分用户 _gat 10分钟用于限制请求率

所以一个用户 cookie 的有效期是两年，每次登陆在当前时间基础上增加两年。 developers.google.com/analytics/d…

自定义维度的范围

support.google.com/analytics/a… 自定义维度范围表示数据将用于哪次匹配，现在数据只应用于设置值的那次匹配。