如何在GA4 - Google Analytics 4中创建具有自定义参数的自定义事件

Question

我正在尝试创建一个带有自定义参数的GA4（Google Analytics）自定义事件，就像这样：

{ "event_name": "game_over", "action": "message shown", "label": {当前URL}, "data": {一些JSON对象数据} }

我将从我的React网站发送此事件到已设置好的Google Analytics项目。

我尝试过的方法：

我阅读了GA4的文档，发现它没有什么用，而在谷歌搜索中除了“通用分析”之外，没有GA4的文章。
除了1篇文章：custome event GA4，它帮助我创建了一个自定义事件，但没有自定义参数。

我仍在寻找答案，但如果有人能够帮助，那就太好了！

（对于1500或更高的Stack Overflow成员：请将GA4（或ga4）标签添加到问题中，因为我无法这样做，因为我没有权限这样做，并且在此之后删除此注释[我认为需要这样做]）

- Ariel Rotem

Answer 1

终于我找到了一个解决方案。

你需要按照以下文章中所写的做法：GA4自定义事件
但在第二步中，将'TrackGoogleAnalyticsEvent'方法更改为以下内容：

const TrackGoogleAnalyticsEvent = (
    category,
    event_name,
    label,
    data
) => {
    console.log("GA event:", category, ":", event_name, ":", label);

    let event_params = {
        category,
        label,
        ...data
    };
    // Send GA4 Event
    ReactGA4.event(event_name, event_params);
};

在客户端，您需要拥有以下代码：

TrackGoogleAnalyticsEvent(
                "game_over",
                "message shown",
                window.location.pathname + window.location.search,
                { id: 1234, username: "john" }
            );

注意：您可以在JSON对象中输入任意数量的参数。

有关更多信息，请访问“react-ga4”包的链接：react-ga4文档

- Ariel Rotem