Google Analytics 自定义数据收集-学以致用

We-Media3年前 (2022)更新 bruce

397 0 70

内容纲要

GA学以致用系列，把最常用需求做成例子，举一反三。

GA后台收集，手动查看

植入代码变得轻松简单，下面GA统计代码片段，会显示几行自定义编程代码与注释说明

参考Google官网 Google marketing Platform跟踪代码管理器文档，开始免费试用跳转到 https://tagmanager.google.com/ 类似GA创建一个账号。

添加跟踪代码管理器的监控代码到网站

将此代码粘贴到页面的部分中，并使其尽可能靠近顶部位置：

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WRT7FKR');</script>
<!-- End Google Tag Manager -->

此外，请将此代码粘帖到紧跟起始标记之后的位置：

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRT7FKR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

以上可以参考 Google 跟踪代码管理器代码参考手册指南

添加“自定义 JavaScript”在跟踪代码管理器平台

跟踪代码管理器 -> 变量 -> 用户定义的变量 -> Page Load time

    function(){
        var timing = window.performance.timing;
        var ms = timing.loadEventStart - timing.navigationStart;
        return Math.round(ms / 100 ) / 10;
    }

设置触发器，在页面加载时触发上面的 “自定义JavaScript”

工作区触发器新建触发器
Page Hostname string ‘tax.ezpaychain.com’

Google Analytics 自定义数据收集-学以致用

在Tag manager左侧导航，设置代码，向GA发送数据

Google Analytics 自定义数据收集-学以致用

GA实时概览预览数据收集

Google Analytics 自定义数据收集-学以致用

GA接收Tag manager数据调试

以下GA代码，参考，

高级配置 – 网络跟踪 (analytics.js)

将 gtag.js 添加到您的网站

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109657354-3"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    /* 自定义编程代码开始*/
    _gaq.push([‘_trackPageLoadTime’]);
    /* 自定义编程代码开始*/

    gtag('config', 'UA-109657354-3');
</script>

GA通过程序自动化收集服务端数据

Google Analytics 开发者下，有个协议产品（API）叫 Measurement Protocol 可让开发者通过 HTTP 请求直接向 Google Analytics（分析）服务器发送原始用户互动数据。这样，开发者就可以衡量在各种环境中用户与商家互动的情况。感兴趣可以参考官方的开发文档，可以在github找一些符合大部分个人需求的开源工具。