大约一年前，我在谷歌代码管理器（GTM）和谷歌分析 4（GA4）中设置了一些自定义追踪功能，用以衡量某项数字化服务完成界面重设计后的用户行为表现。
我早就打算把这件事记录成文，而杰克・加芬克尔发表的一篇关于如何利用 GA4 衡量内容效能的优质博文，终于激励我动笔写下了这篇文章。
界面重设计的项目背景
我们团队负责的是数字化监狱管理服务平台（DPS），该平台供监狱工作人员用于管理监狱日常运营与各项事务。我们具体负责的是 DPS 的主页和囚犯档案页面，这两个页面的月均浏览量合计超过 2000 万次。
鉴于这两个页面对助力狱警高效开展工作至关重要，我们牵头启动了一个优化项目，目标如下：
采用 GA4 的优势
尽管我们会定期开展用户调研并收集反馈，但相较于数万名 DPS 平台用户而言，调研样本量始终十分有限；同时，招募调研参与者、组织调研活动也需要耗费大量时间。而借助 GA4，我们能够实时获取全新设计方案在全国监狱系统内的落地表现数据。
GA4 默认会采集大量可用于衡量内容与设计效能的实用数据。无需复杂配置，你就能实现以下操作：
这些数据虽然有一定价值，但通用性较强，无法让你深入分析用户与网站特定元素的交互细节。而这正是谷歌代码管理器（GTM）的用武之地。
基于 GTM 的自定义追踪功能
GTM 是一个部署在网站顶层的数据层，相当于一个脚本与代码标签的容器，无需修改网站源代码即可完成各类功能部署。GTM 常用于部署 Cookie 授权弹窗、社交广告追踪、在线客服插件及数据分析工具等。
在数据分析场景下，你可以通过 GTM 向 GA4 发送自定义事件数据。这意味着你能够针对需要追踪的特定行为进行设置，并将相关数据与 GA4 的默认追踪数据整合查看。可通过 GTM 向 GA4 发送的自定义事件包括：
你可以通过设置触发条件来控制这些事件的上报时机，例如指定追踪含特定文本的链接，或带有特定 CSS 类名的元素。如此一来，追踪粒度就能远超 GA4 的默认追踪能力。
我在 GTM 中搭建的部分追踪功能
为衡量界面重设计后各模块的表现，我在 GTM 中配置了约 20 个自定义标签。在此不逐一赘述，仅列举以下几个示例：
侧边栏导航菜单的链接点击追踪我们在囚犯档案页面新增了侧边栏导航菜单，旨在帮助用户快速浏览长页面信息。
我在 GTM 中为包含该导航菜单的 CSS 类设置了专属的自定义标签与触发条件，用于追踪菜单内的链接点击行为。该标签会将被点击链接的文本内容和 URL 地址同步至 GA4，方便我们统计出点击量最高的功能链接。
用于追踪侧边栏导航菜单点击行为的标签与触发条件警示标记的点击数据追踪
囚犯档案页面设有警示标记，用于标注与相关人员有关的重要提醒事项。在用户调研过程中，工作人员反馈称，他们原本以为这些标记是可以点击的。
起初，我设置了一个标签和触发条件，用于统计用户点击这些不可点击标记的次数。数据显示，这类无效点击每月高达数万次。我们利用这一数据佐证用户调研的结论，并将该功能的开发列为优先事项。
在警示标记被优化为可点击状态后，我得以追踪到这项新功能的实际使用情况。仅上线首月，这些可交互的警示标记就获得了超过 12.8 万次点击。
该标签在谷歌代码管理器（GTM）中的配置方式如下：向谷歌分析 4（GA4）上报的事件参数为链接文本与目标网址。警示标记点击事件在谷歌分析 4（GA4）中的呈现形式主页元素曝光量追踪
在全新改版的主页中，我们新增了多项功能模块，包括监狱数据统计看板、新功能资讯专栏以及全新页脚。
我借助 “元素可见性” 触发类型 配置了自定义标签。通过该标签，我们能够统计出有多少用户滚动页面至足够深度，从而看到这些新增模块。当对应的 CSS 元素在用户浏览器的可视区域内显示时，该标签便会触发数据上报。
谷歌代码管理器（GTM）中用于追踪元素可见性的标签
自定义标签在谷歌分析 4（GA4）报告中的呈现形式实际应用成效
谷歌代码管理器（GTM）追踪功能部署完成后，我们借助采集到的数据实现了以下目标：
- 为界面设计决策提供依据，例如确定页面元素的排布位置、导航菜单中的链接排序规则
- 验证用户是否能够顺利完成曾出现故障的任务（如打印表单）
我认为，若时间充裕，我们本可以基于这些数据开展更多工作。我十分希望能够更频繁地推进设计迭代与效果衡量，甚至针对设计方案开展 A/B 测试。此外，要是能结合 Hotjar 这类可视化工具来分析这些数据，想必会收获更佳的效果。
总结与展望
希望本文能为你提供一些思路，助力你运用 GTM 和 GA4 来衡量自有网站或服务的用户行为。本文所提及的内容，仅仅触及了 GA4 追踪与衡量能力的冰山一角。我很期待听到你是如何利用 GA4 分析自身网站或服务用户行为的。
