Google Tag Manager 基本应用与实践
如果想了解网站用户的互动情况,我们该怎么统计?
国际站的话可以选用 Google 家的 gtag.js
, analytics.js
,或者 gtm.js
进行开发。前两个的功能和使用方式基本一致,具体差别可参考下方的开发文档。gtm.js
就是本文要说的 Google Tag Manager 的 js 库。
Google Tag Manager (下文简称 “GTM”) 功能齐全,支持 Google 代码和第三方代码。相比于 gtag.js
和 analytics.js
代码侵入性更小,也是 Google 推荐使用的工具。
话不多说,开始正文。
1. 注册 Container
填好容器名,选择应用平台。容器名建议以应用平台来命名,这里我使用的是域名 blog.p2yang.com
。
2. 安装
注册完成后,会自动分配一个 id
, 并且弹窗提示安装方法,将代码片段插入自己的页面即可。
页面加载时,会异步请求 gtm.js
库和相关配置,并且提供了浏览器禁止 js 脚本的弥补方法。
这里摘录下代码段:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){
w[l]