更新时间:2025年1月16号
这一篇介绍gtag方法做事件跟踪,它是适用于没有使用GTM,采用直接安转GA4的方式,需要在每个需要跟踪的位置添加gtag事件跟踪跟踪代码,所以效率比较低。
接下来看一个示例,假设现在需要对这个位置做跟踪:
添加gtag事件跟踪代码
GA4的硬编码写法是:
gtag('event', 'click', {
'event_parameter1': 'book retailer',
'event_parameter2': 'Barnes&Noble',
'event_parameter3': 5,
……
});
事件由事件名称和事件参数构成,每个事件最多可以设置25个事件参数,关于事件规则和限额,请看:Google Analytics 4 事件跟踪系列⓪—— GA4事件的规则和限额。
将事件名称定义为hard_code_event,事件参数定义为parameter1,值为“GA4硬编码事件跟踪”,完整的代码如下:
gtag('event', 'hard_code_event ', {
'parameter1': 'GA4硬编码事件跟踪'
});
将鼠标移动到需要跟踪的位置,点击鼠标右键——检查:
跟踪位置的代码就是:
<a href="links"><a href="https://www.ichdata.com/tag/ga4" title="查看更多关于GA4的文章" target="_blank">GA4</a> 硬编码<a href="https://www.ichdata.com/tag/%e4%ba%8b%e4%bb%b6%e8%b7%9f%e8%b8%aa" title="查看更多关于事件跟踪的文章" target="_blank">事件跟踪</a></a>
添加事件跟踪代码后(这一步需要开发在源码里添加):
<a href="links" onclick="<a href="https://www.ichdata.com/tag/gtag" title="查看更多关于gtag的文章" target="_blank">gtag</a>('event', 'hard_code_event ', { 'parameter1': 'GA4硬编码<a href="https://www.ichdata.com/tag/%e4%ba%8b%e4%bb%b6%e8%b7%9f%e8%b8%aa" title="查看更多关于事件跟踪的文章" target="_blank">事件跟踪</a>' });"><a href="https://www.ichdata.com/tag/ga4" title="查看更多关于GA4的文章" target="_blank">GA4</a> 硬编码<a href="https://www.ichdata.com/tag/%e4%ba%8b%e4%bb%b6%e8%b7%9f%e8%b8%aa" title="查看更多关于事件跟踪的文章" target="_blank">事件跟踪</a></a>
添加后的效果:
预览调试
由于没有安装GTM,所以GTM的预览在这不适用。
用Google Analytics Debugger插件进行调试,开启Google Analytics Debugger进入调试状态后,点击「GA4硬编码事件跟踪」,然后返回到GA4里,点击「配置」——「DebugView」:
在秒流里可以看到事件hard_code_event,表示事件成功触发。
需要注意:硬编码做事件跟踪,在Tag Assistant里是看不到触发代码,所以需要在DebugView里调试。
注册事件参数
接下拉就是注册事件参数,事件hard_code_event只要一个事件参数c,是文本型的,所以注册为自定义事件级别自定义维度。
在GA4中点击「管理」——「自定义设置」——「创建自定义维度」,然后做如下设置:
验证数据和报告查看
由于GA4的数据延时,数据需要24小时候才会出现在报告中。
在GA4中点击「报告」——「生命周期」——「互动度」——「事件」,可以在事件报告中找到事件“hard_code_event”:
小结
硬编码事件跟踪有两个缺点:
- 需要开发在源码添加事件跟踪代码,然后发新版,所以非常繁琐,不便于管理,而且页面代码加多后,维护不方便
- 硬编码事件跟踪要求gtag代码也是硬编码部署的,如果你是用GTM部署GA4,那么不适用使用硬编码做事件跟踪
我是不推荐使用这种方式去做事件跟踪,建议使用GTM/Adobe Launch等标签管理系统去做事件跟踪。