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