Google Analytics 4 事件跟踪系列④—— 自定义事件(gtag方法)

Google Analytics 4 Haran 8年前 (2017-01-24) 19010次浏览 4个评论
文章目录[隐藏]

更新时间:2025年1月16号

这一篇介绍gtag方法做事件跟踪,它是适用于没有使用GTM,采用直接安转GA4的方式,需要在每个需要跟踪的位置添加gtag事件跟踪跟踪代码,所以效率比较低。

接下来看一个示例,假设现在需要对这个位置做跟踪:

Google Analytics 4 事件跟踪系列④—— 自定义事件(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硬编码事件跟踪'
});

将鼠标移动到需要跟踪的位置,点击鼠标右键——检查:

Google Analytics 4 事件跟踪系列④—— 自定义事件(gtag方法)

跟踪位置的代码就是:

<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>

 

添加后的效果:

Google Analytics 4 事件跟踪系列④—— 自定义事件(gtag方法)

 

预览调试

由于没有安装GTM,所以GTM的预览在这不适用。

用Google Analytics Debugger插件进行调试,开启Google Analytics Debugger进入调试状态后,点击「GA4硬编码事件跟踪」,然后返回到GA4里,点击「配置」——「DebugView」:

 

Google Analytics 4 事件跟踪系列④—— 自定义事件(gtag方法)

在秒流里可以看到事件hard_code_event,表示事件成功触发。

需要注意:硬编码做事件跟踪,在Tag Assistant里是看不到触发代码,所以需要在DebugView里调试。

 

注册事件参数

接下拉就是注册事件参数,事件hard_code_event只要一个事件参数c,是文本型的,所以注册为自定义事件级别自定义维度。

GA4中点击「管理」——「自定义设置」——「创建自定义维度」,然后做如下设置:

Google Analytics 4 事件跟踪系列④—— 自定义事件(gtag方法)

 

验证数据和报告查看

由于GA4的数据延时,数据需要24小时候才会出现在报告中。

GA4中点击「报告」——「生命周期」——「互动度」——「事件」,可以在事件报告中找到事件“hard_code_event”:

Google Analytics 4 事件跟踪系列④—— 自定义事件(gtag方法)

 

小结

硬编码事件跟踪有两个缺点:

  • 需要开发在源码添加事件跟踪代码,然后发新版,所以非常繁琐,不便于管理,而且页面代码加多后,维护不方便
  • 硬编码事件跟踪要求gtag代码也是硬编码部署的,如果你是用GTM部署GA4,那么不适用使用硬编码做事件跟踪

我是不推荐使用这种方式去做事件跟踪,建议使用GTM/Adobe Launch等标签管理系统去做事件跟踪。


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (8)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 请问大神gtag如何改呢
    ytkah2020-04-29 14:17 回复 Windows 10 | Chrome 81.0.4044.122
    • 参考页面硬编码的形式,直接在需要跟踪的位置添加事件跟踪代码
      GA小站2020-04-29 16:22 回复 Mac OS X | Chrome 81.0.4044.122
      • 可以举个例子吗
        ytkah2020-05-06 14:51 回复 Windows 10 | Chrome 81.0.4044.129
        • https://www.ichdata.com/docs/ga-practice-guide/chap2/event-tracking
          GA小站2020-05-06 22:25 回复 Mac OS X | Chrome 81.0.4044.129