GA4事件跟踪系列⑦—— 自定义事件（自定义HTML监听）

更新时间：2024年10月31号

这次要介绍通过自定义HTML监听做自定义事件跟踪，以跟踪用户直接打印页面为例子。

原理

页面一打开就加载一段js，这段js会监听用户的特定键盘操作行为，如ctrl+p，监听到就主动dataLayer.push发送事件，然后用自定义事件触发器接收，再将数据发送给Google Analytics 4（GA4）。

GTM配置过程

接下来看如何设置：

自定义HTML监听

在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置…」——「自定义HTML」，命名为“HTML-Print”，做如下设定：

源码在：跟踪用户打印代码

在该步骤中，推送的事件名为 printPage，这是后续所有配置的关键。

设置触发器

在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」——「自定义事件」，命名为“Print Page”，然后做如下设定：

设置代码

在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Google Analytics：GA4 事件」，命名为“GA4-Event-Print”，然后做如下设定：

预览测试

预览后看是否有发送事件，代码是否有触发：

延伸阅读：Google Tag Manager中新的调试方式：Tag Assistant

数据验证和报告查看

一般是24小时后，可以在GA4中看到数据。

阅读更多：GA4自定义事件跟踪的6种实现方法