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

更新时间：2024年10月31号

这次要介绍通过自定义HTML监听用户是否直接打印页面这个行为。

原理

通过往页面注入js判断用户的特定键盘操作行为，如ctrl+p，主动push事件，然后用自定义事件接收，再将数据发送给Google Analytics 4。

GTM配置过程

接下来看如何设置：

自定义HTML监听

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

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

在这个过程push的事件为printPage

设置触发器

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

设置代码

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

预览测试

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

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

数据验证和报告查看

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

拓展

Google Analytics 4 中跟踪用户的复制文字行为  也是用自定义HTML监听的方式去跟踪，有兴趣可以看看。