如何在没有 Google 跟踪代码管理器的情况下以编程方式将事件发送到 GA4？

Question

我想以编程方式将自定义事件发送到新的 Google Analytics（分析），而不是先在 GTM 中定义它。我正在使用 Google 跟踪代码管理器，根据这篇文章： https://developers.google.com/analytics/devguides/collection/ga4/translate-events这只能通过在 GTM 本身中定义事件来实现。我不能这样做，并且想继续使用旧方法执行此操作，您可以这样做：        if ("ga" in window) {            var tracker = ga.getAll()[0];            if (tracker) {                tracker.send("event", eventCategory, eventAction);            }        }如何使用 JavaScript 和新的 Google Analytics (GA4) 来实现这种效果？window.gtag未定义，因为我使用 GTM，并且window.ga未定义，因为我使用 GA4。GTM 中配置的唯一标签是“Google Analytics：GA4 配置”。

Answer 1

另一种方法（特别是如果您使用 GTM 配置标记在您的网站上部署 GA4，因为 gtag 要求您使用部署的 gtag.js）是通过 GTM dataLayer：

window.dataLayer = window.dataLayer || [];

window.dataLayer.push({

    'event': 'aSpecificEventName',

    'form_type_DL': 'contact_us'

});

然后在 GTM 中配置一个新变量'form_type_DL'，根据自定义事件配置一个新触发器，将事件名称定义为（在我的例子中），'aSpecificEventName'最后在 GTM 中设置一个新的 GA4 事件标记，并使用最近创建的新触发器发送该事件name 和 event 参数如您所愿，例如参数之一可以是 form_type ，其值是{{form_type_DL}}，通过我们的 dataLayer 推送发送的参数将包含'contact_us'.

因此，正确的步骤顺序是：

1. 使用特定变量名称在 GTM 中定义新变量（仅当您需要向 GA4 发送特定值时）

2. 使用特定事件名称创建和配置自定义事件驱动触发器

3. 创建一个新的 GA4 事件驱动代码，添加您之前创建的触发器，并添加您的参数值（您决定在需要时使用的任何事件参数）作为之前创建的变量。

4. 最后，在代码中设置数据层推送，确保事件值与触发事件名称相同，并且变量与您的变量匹配。

为了进一步了解我们所做的事情，如果我们仔细查看 gtag.js 代码，建议我们手动安装：

   <!-- Google tag (gtag.js) -->

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XYZXYZXYZ"></script>

    <script>

        window.dataLayer = window.dataLayer || [];

        function gtag(){dataLayer.push(arguments);}

        gtag('js', new Date());

        gtag('config', 'G-XYZXYZXYZ');

    </script>

我们应该用来推送 GA4 事件的 gtag() 函数会执行 dataLayer.push()，因此这是一种简化/自动化我首先解释的过程的方法。

https://developers.google.com/analytics/devguides/collection/ga4/events?client_type=gtag https://support.google.com/tagmanager/answer/7582054?hl=en

Answer 2

您必须使用此语法（并且必须在页面中使用 gtag 代码段）：

gtag('event', 'login', {

  'method': 'Google'

});

https://developers.google.com/analytics/devguides/collection/ga4/events

Answer 3

这些是我在 Google Analytics 4 中实施的步骤

gtag("event", "Pageview", {

    pageTitle: page.title,

    date: moment(new Date()).format("DD-MM-YYYY HH:mm:ss")

});

Answer 4

使用了蛇形案例，因为这似乎是 GA4 所期望的。例如，如果使用蛇形命名法，页面标题只会出现在实时视图中。

gtag("event", "page_view", {

    page_title: "test",

    page_location: window.location.href

});

请参阅文档： https://developers.google.com/analytics/devguides/collection/ga4/views? client_type=gtag