如何使用新的Google Analytics（GTAG.JS）跟踪和发送自定义事件？

Question

我有一个旧的网站，该网站正在使用旧的Google Analytics（分析代码），我需要使用新GA4的帮助。

旧代码（2016）

要向Google发送自定义事件和页面浏览量，我将从其＆lt; script＆gt; sminippet中使用全局 ga（）函数：

// Event
ga('send', 'event', {
    eventAction: 'click',
    eventCategory: 'social',
    eventLabel: 'twitter'
});

// Pageview
ga('send', {
    hitType: 'pageview',
    page: 'Video page',
    title: 'Intro video'
});

新代码（2022）

Google Analytics（Google Analytics）表示，所有旧属性都将在2023年7月1日停止工作，因此我们需要切换到新的Google Analytics 4属性，标题中的＆lt; script＆gt; 摘要已更改，现在，它创建 gtag（）：

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=X-XXX123456"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'X-XXX123456');
</script>

但是尝试使用 gtag（“ send”），就像我以前一样，看起来再也没有传输到Google了。我已经尝试查找它，但是所有教程/文章仍然展示了旧方法。如何使用新的GA4发送自定义事件？

Answer 1

推荐名称是“ event” “发送” /事件“ rel =“ nofollow noreferrer”>官方文档。另外，推荐参数应使用下划线，例如 event_category ：

// Send custom event
gtag("event", "click", {
    "event_category": "social",
    "event_label": "twitter"
});

// Pageview event
gtag('event', 'page_view', {
    "page_title": "landing-page",
});

如果您正在手动发送自定义页面浏览量，请确保在着陆时禁用初始页面浏览量以避免对其进行两次计数，如在标题＆lt; script>＆gt; 中添加 send_page_view：false ：

gtag('config', 'TAG_ID', {
    send_page_view: false
});

您可以通过打开网络选项卡并查看有效载荷来检查是否在本地发送某些内容每个收集网络请求：

sources：

• 事件文档

Answer 2

这是发送ga4的语法：

gtag('event', <action>, {
  'event_category': <category>,
  'event_label': <label>,
  'value': <value>
});

在这里您可以看到事件的文档。

另外，如果要测试命中率，并且如果发送了这些事件，则可以使用 google tag assisth < /a>对此进行审查。