为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

繁花不似锦 2023-07-20 10:46:25
我想以编程方式将自定义事件发送到新的 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 配置”。
查看完整描述

4 回答

?
阿波罗的战车

TA贡献1862条经验 获得超6个赞

另一种方法(特别是如果您使用 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


查看完整回答
反对 回复 2023-07-20
?
慕妹3146593

TA贡献1820条经验 获得超9个赞

您必须使用此语法(并且必须在页面中使用 gtag 代码段):


gtag('event', 'login', {

  'method': 'Google'

});

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


查看完整回答
反对 回复 2023-07-20
?
蛊毒传说

TA贡献1895条经验 获得超3个赞

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


gtag("event", "Pageview", {

    pageTitle: page.title,

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

});


查看完整回答
反对 回复 2023-07-20
?
MMMHUHU

TA贡献1834条经验 获得超8个赞

使用了蛇形案例,因为这似乎是 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


查看完整回答
反对 回复 2023-07-20
  • 4 回答
  • 0 关注
  • 111 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信