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

We-Media3年前 (2022)更新 bruce
394 0
内容纲要

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

Google Analytics 自定义数据收集-学以致用
    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 自定义数据收集-学以致用
Google Analytics 自定义数据收集-学以致用
Google Analytics 自定义数据收集-学以致用

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

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

GA实时概览预览数据收集

Google Analytics 自定义数据收集-学以致用
Google Analytics 自定义数据收集-学以致用
Google Analytics 自定义数据收集-学以致用
Google Analytics 自定义数据收集-学以致用
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找一些符合大部分个人需求的开源工具。

参考

https://www.ichdata.com/gets-the-exact-load-time-of-the-page-google-analytics.html

https://mixedanalytics.com/blog/gtm-%E4%BB%A3%E7%A2%BC%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7-google-analytics-%E4%BA%8B%E4%BB%B6%E8%BF%BD%E8%B9%A4/

https://www.ichdata.com/use-gtm-to-collect-connection-server-and-resource-load-time.html

© 版权声明

相关文章

暂无评论

暂无评论...