如何在没有 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({&nbsp; &nbsp; 'event': 'aSpecificEventName',&nbsp; &nbsp; 'form_type_DL': 'contact_us'});然后在 GTM 中配置一个新变量'form_type_DL'，根据自定义事件配置一个新触发器，将事件名称定义为（在我的例子中），'aSpecificEventName'最后在 GTM 中设置一个新的 GA4 事件标记，并使用最近创建的新触发器发送该事件name 和 event 参数如您所愿，例如参数之一可以是 form_type ，其值是{{form_type_DL}}，通过我们的 dataLayer 推送发送的参数将包含'contact_us'.因此，正确的步骤顺序是：使用特定变量名称在 GTM 中定义新变量（仅当您需要向 GA4 发送特定值时）使用特定事件名称创建和配置自定义事件驱动触发器创建一个新的 GA4 事件驱动代码，添加您之前创建的触发器，并添加您的参数值（您决定在需要时使用的任何事件参数）作为之前创建的变量。最后，在代码中设置数据层推送，确保事件值与触发事件名称相同，并且变量与您的变量匹配。为了进一步了解我们所做的事情，如果我们仔细查看 gtag.js 代码，建议我们手动安装：&nbsp; &nbsp;<!-- Google tag (gtag.js) -->&nbsp; &nbsp; <script async src="https://www.googletagmanager.com/gtag/js?id=G-XYZXYZXYZ"></script>&nbsp; &nbsp; <script>&nbsp; &nbsp; &nbsp; &nbsp; window.dataLayer = window.dataLayer || [];&nbsp; &nbsp; &nbsp; &nbsp; function gtag(){dataLayer.push(arguments);}&nbsp; &nbsp; &nbsp; &nbsp; gtag('js', new Date());&nbsp; &nbsp; &nbsp; &nbsp; gtag('config', 'G-XYZXYZXYZ');&nbsp; &nbsp; </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', {&nbsp; 'method': 'Google'});https://developers.google.com/analytics/devguides/collection/ga4/events

Answer 3

这些是我在 Google Analytics 4 中实施的步骤gtag("event", "Pageview", {&nbsp; &nbsp; pageTitle: page.title,&nbsp; &nbsp; 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