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

拓展：其他版本的硬编码写法

不同版本的Google Analytics的事件跟踪的写法是不一样的，在做事件跟踪之前，先认清所用的Google  Analytics是什么版本，不了解的可以看Google Analytics的发展历史（1995到2021）

经典版的用法是：

_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)

下面举例如何添加，比如点击某个链接，经典版的代码格式为：

_trackEvent(‘book retailer’, ‘click’, ‘Barnes&Noble’, 5, True)

上述格式添加在你需要跟综的位置，你点击那里希望它触发就添加在哪里，完整格式的如：

<a href=”/catalogue/books.html” onClick=”_gaq.push([‘_trackEvent(‘book retailer’, ‘click’, ‘Barnes&Noble’, 5, True]);”>New Release</a>

统一版的用法是：

ga(‘send’, ‘event’, ‘ category’, ‘action’, ‘label’, value, {'NonInteraction':1})

其中

• Category：必备参数，一般固定
• Action：必备参数，可变
• Label：可选，可变
• value：可选，可变
• noninteraction：可选

下面举例如何添加，比如点击某个链接，统一版的代码格式为：

onClick="ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True);"

上述格式添加在你需要跟综的位置，你点击那里希望它触发就添加在哪里，完整格式的如：

<a href=”/catalogue/books.html” onClick="ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True);">New Release</a>

比如华为的官网（https://www.huawei.com/cn/）就很多这种方法：

进一步还可以将ga()封装成一个函数，然后给onClick调用，以统一版的为例，封装的函数如：

function click_link(){
ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True)
}

统一版代码变形为：

<a href=”/catalogue/books.html” onClick="click_link()">New Release</a>

拓展阅读：

• Google Analytics 4 事件跟踪系列⓪—— GA4事件的规则和限额
• Google Analytics 4 事件跟踪系列①—— 自动收集的事件
• Google Analytics 4 事件跟踪系列②—— 增强型衡量事件
• Google Analytics 4 事件跟踪系列③—— 推荐事件
• Google Analytics 4 事件跟踪系列④—— 自定义事件（gtag方法）
• Google Analytics 4 事件跟踪系列⑤—— 自定义事件（属性定位）
• Google Analytics 4 事件跟踪系列⑥—— 自定义事件（自定义HTML注入）
• Google Analytics 4 事件跟踪系列⑦—— 自定义事件（自定义HTML监听）
• Google Analytics 4 事件跟踪系列⑧—— 自定义事件（jQuery方法）
• Google Analytics 4 事件跟踪系列⑨—— 自定义事件（ga-data方法）
• Google Analytics 4 事件跟踪系列⑩—— 自定义事件（dataLayer方法）
• Google Analytics 4 事件跟踪系列⑪—— 无代码事件跟踪
• Google Analytics 4 事件跟踪系列⑫—— 修改事件