如何跟踪自定义事件

Question

我有一个包含多个下拉菜单和一个提交按钮的表单。此表单通过 ajax 和 returns 发布不同的结果，具体取决于在下拉列表中选择的组合。假设我得到了想要的结果，我希望能够在分析中跟踪这个组合。

我本来希望能够使用 javascript 片段，当 ajax 结果返回时，它允许我推送自定义事件以及自定义参数。但是我发现很难理解如何做到这一点。

我查看了 GA4/跟踪代码管理器文档，我可以了解如何创建事件和参数，但是当涉及到触发器时，我不确定该怎么做？ GA 提供了创建按钮单击触发器的选项，但我不想在单击按钮时捕获此数据 - 我只想在从服务器收到响应时捕获它。理想情况下我会做这样的事情：

$.post('/my_endpoint',
    {
        dropdown1: dropdown1_value
        dropdown2: dropdown2_value,
        dropdown3: dropdown3_value,
        dropdown4: dropdown4_value
    })
    .done(function (response) {
        if(<my_condition>) {
            // Push to GA with dropdown1_value, dropdown2_value, dropdown3_value, dropdown4_value
        }
    });

有没有办法通过脚本用所需的参数推送这个事件？你可以看到我需要手动推送事件的能力，而不是依赖 GA 的触发器。

我记得我过去曾使用过 dataLayer.push()，但这是几年前的事了，自从我上次使用它以来，分析技术已经发展。我想我正在尝试寻找 Google 用于推送自定义事件的分析 API，或者这样的东西已经不存在了吗？

Answer 1

您可以对参数进行 dataLayer.push() 和如下事件：

dataLayer.push({'event': 'your-event-name', 'dropdown1_value' : value1, 'dropdown2_value' : value2, ...});

因此，在 Google 跟踪代码管理器中，您必须为要传递的 dropdwon 值创建一个数据层变量。然后，您必须使用您想要的名称创建一个 GA4 代码，使用从 dataLayer 变量中检索到的值输入参数，并使用名为 'your-event-name[=17= 的事件作为触发器]'.

如何跟踪自定义事件

How to track custom events

javascript

google-analytics