如何跟踪自定义事件

Question

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

我本来希望能够使用 javascript sn-p，它允许我在 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 Analytics API，或者这样的东西不再存在？

Answer 1

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

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

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