这次分享的是GTM跟踪用户的复制行为,主要是用户复制页面上的一些文字,比如复制邮箱,电话。
原理
通过自定义HTML注入js,监听用户是否有复制行为,如果有,通过dataLayer发送数据,复制的文本和文本长度通过数据层变量传递,然后发给GA4。
GTM配置过程
注入js
在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「自定义HTML」,命名为“复制文本”,将代码黏贴进入,源码在:跟踪用户复制代码,触发器选择“All Pages”,设置后的效果如下:
设置触发器
在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」——「自定义事件」,命名为“textCopied”,然后做如下设置:
设置变量
在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」,命名为“DL – Clipboard Text”,然后做如下设置:
同理设置DL – Clipboard Length:
设置代码
在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Google Analytics(分析):GA4 事件」,命名为“GA4-复制事件演示”,然后做如下设置:
事件名称:命名为TextCopy
同时定义了两个事件参数TextCopy_text和TextCopy_length去传递复制的内容和内容长度。
预览调试
接下就是预览调试,如果你不会调试,请看:Google Tag Manager中新的调试方式:Tag Assistant
事件正常触发,可以点击打开看里面的value是否准确:
数据准确,可以发布到线上。
注册事件参数
前面我们设置了事件参数TextCopy_text和TextCopy_length,接下来需要在GA4中注册事件参数,由于TextCopy_text是文本型,所以注册为自定义事件级别自定义维度,TextCopy_length是数值型,所以注册为自定义事件级别自定义指标。
注册自定义维度TextCopy_text
在GA4中点击「管理」——「自定义设置」——「创建自定义维度」,然后做如下设置:
注册自定义指标TextCopy_length
在GA4中点击「配置」——「自定义设置」——「自定义指标」——「创建自定义指标」,然后做如下设置:
这样就设置完成了。
报告查看
一般是24小时后,可以在GA4中看到数据。