更新时间：2025年1月11号
这一节要分享的是管理Google Tag Manager（GTM）的一些经验，技巧，可以使你的变量、触发器和代码清晰。
代码命名统一
将代码的命名统一，这样方便定位到寻找，如以“产品-类型-具体跟踪”的结构去命名
GA4-Event-textCopied
GA4-PageView-Basic Tracking
FB-Con……继续阅读 »
Haran
9年前 (2017-07-14) 8604浏览 3评论
0个赞
这一篇介绍如何通过Google Tag Manager（GTM）采集页面在浏览器中的各阶段性能时间，并将这些数据发送到Google Analytics 4（GA4），用于分析网站性能、服务器响应以及页面加载体验，排查服务器、CDN、爬虫、跨区域访问问题非常有价值。
这套方案直接读取浏览器 Performance API，更灵活，也更适合做深度分析或自定义对比……继续阅读 »
Haran
9年前 (2017-06-13) 5749浏览 0评论
0个赞
在Google Tag Manager（GTM）中，「代码类型」里有一种非常灵活、也最容易被滥用的类型：自定义HTML（Custom HTML）。
它的本质是：允许你在页面中注入任意 JavaScript（或 HTML）代码
正因为足够灵活，自定义HTML通常用于 模板无法覆盖的场景，但也需要格外注意使用边界。
下面结合实际项目，介绍几种最常见、也最实用的用……继续阅读 »
Haran
10年前 (2016-06-19) 8252浏览 0评论
1个赞
更新时间：2024年4月23号
在Google Analytics 4（GA4）中，有两类变量可以在不同代码中共享使用，减少重复设置操作，提高管理效率：
Google 代码：配置设置
Google 代码：事件设置
Google 代码：配置设置
定义与作用
Google 代码：配置设置主要用于管理网站或应用中重复使用的 GA4 配置参数。通过配置设置变量……继续阅读 »
Haran
8年前 (2018-03-14) 4393浏览 0评论
2个赞
更新时间：2025年3月13号
相信大家最近都收到如下一封邮件：
那这个调整对大家有什么影响呢？
现在
对于不了解什么是Google代码的，延伸阅读：GA4数据流里的「Google代码」是什么？
正常来说，Google Tag Manager（GTM）需要先加载Google代码，然后才发送事件到目标账号，目标账号可以是GA4、Ads
但实际……继续阅读 »
Haran
11个月前 (03-13) 1882浏览 0评论
0个赞
更新时间：2024年12月6号
在使用Google Tag Manager（GTM）管理多个环境（开发、测试、预发布、正式）时，通常需要将不同环境的数据发送到不同的衡量ID（不同的GA4），以实现数据的隔离，
例如：
开发环境：数据只发送到开发GA4
测试环境：数据只发送到测试GA4
正式环境：数据只发送到正式GA4
这样可以确保测试数据不会污染正式数据……继续阅读 »
Haran
8年前 (2018-09-15) 6640浏览 1评论
1个赞
更新时间：2024年4月23号
这一篇介绍Google Tag Manager（GTM）配置设置。
配置设置什么？
Google 代码：配置设置主要用于管理网站或应用中重复使用的 GA4 配置参数。通过配置设置变量，可以一次性定义好各种通用参数，然后在不同跟踪代码中直接引用，无需每次都重复配置。
优点：
减少重复代码，提高维护效率
统一参数管理，避免不同页……继续阅读 »
Haran
9年前 (2017-01-05) 6151浏览 0评论
0个赞
更新时间：2024年7月16号
以purchase事件为例，我们演示如何在Google Tag Manager（GTM）中实现Facebook Pixel的数据追踪：
Facebook Purchase 事件示例
Facebook Pixel 的 purchase 事件标准代码示例：
<span class="pln"> f……继续阅读 »
Haran
8年前 (2018-05-25) 4168浏览 0评论
1个赞
更新时间：2024年12月3号
这一篇介绍Google Tag Manager（GTM）里的触发器。
什么是触发器
触发器是用于定位代码触发条件，只有触发器触发了，对应的代码才会执行，发送数据，每个代码必须至少有一个触发器才能触发。
创建触发器
在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」，就可以选择触发器：
触……继续阅读 »
Haran
9年前 (2017-01-05) 12549浏览 4评论
3个赞
更新时间：2024年5月11日
这一篇介绍与CSS选择器相符的用法去设置触发条件：当变量没有唯一值，难以定位，设置触发条件的时候，可以用与CSS选择器相符的方式。
通常与CSS选择器相符是和Click Element结合使用。
Click Element
Click Element（点击元素）：访问 dataLayer 中的 gtm.eleme……继续阅读 »
Haran
8年前 (2018-04-11) 5681浏览 0评论
3个赞
更新时间：2024年12月13号
这一篇介绍如何跟踪用户的访问次数。
原理解析
GA4有关会话的信息会存储在Cookie _ga_<容器ID>里：
其中第四个表示第一个会话，可以看做是访问次数。
延伸阅读：深入理解 Google Analytics 4 中的会话
设置演示
Step 1：自定义JavaScript获取会话数
在Google Ta……继续阅读 »
Haran
10年前 (2016-09-23) 7255浏览 0评论
2个赞
在Google Tag Manager（GTM）上做事件跟踪的时候，往往需要在触发器里设置触发条件：
这里的触发条件会影响事件是否跟踪准确。
接下来，我会介绍两种快速设置触发条件的方式，以我要跟踪这个位置的点击例子：
直接查看页面属性
直接查看页面元素就是直接查看跟踪位置的属性，看是否有位置属性，如有就可以用于设置触发条件。
将鼠标移动到需……继续阅读 »
Haran
2年前 (2024-05-11) 3318浏览 0评论
0个赞
