reactjs 如何在GA 4中创建自定义参数的自定义事件- google analytics 4

nc1teljy  于 2023-04-11  发布在  React
关注(0)|答案(1)|浏览(411)

我正在尝试创建一个GA 4(谷歌分析)自定义事件与自定义参数,像这样:
{ "event_name": "game_over", "action": "message shown", "label": {the current url}, "data": {some JSON object data} }
我将从我的react网站发送到已经安装好的谷歌分析项目。

我尝试过的:

我读了GA 4的文档,发现它没有帮助,在谷歌搜索中,除了“通用分析”,没有GA 4的文章。
除1外,以下各项:custome event GA4,它帮助我创建了一个自定义事件,但没有自定义参数。
我仍然在寻找答案,但如果有人能够帮助它将是伟大的!
(N* 注1500或更高堆栈溢出成员 *:请将GA 4(或ga 4)标签添加到问题中,因为我不能这样做,因为我没有许可证这样做,并且在[我认为需要]之后擦除此注解。

myzjeezk

myzjeezk1#

我终于找到了解决办法。
你需要做的写在下面的文章:custome event GA4
但在步骤2中,将'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-ga 4'包:react-ga4 docs

相关问题