javascript - gtag 实现和 gtm 实现之间有什么区别？

Question

我对谷歌分析的新API很陌生，所以我注意到现在我们也有GTM，据我了解，现在我们可以使用它直接使用GTM工具来配置事件和其他一些东西，而无需编写任何行代码。

我们暂时不需要 GTM，因此我决定使用 gtag.js 核心来创建我的实现。

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-XXXXXXXX-1');
</script> 

使用该脚本，我使用 gtag({object}) 访问 dataLayer 数组，因此我首先尝试使用以下方法:

gtag({'event' : 'MyCustomEvent',
'eventCategory' : 'MyCustomCategory',
'eventValue': undefined})

但是直到我将代码修改为:

gtag('event' : 'MyCustomEvent', {
'event_category' : 'MyCustomCategory',
'event_value': undefined})

gtm 和 gtag 的核心不同吗？我的意思是，每个数据层在每个实现中的工作方式都不同吗？我问这个问题是因为据我所知，第一个实现应该可以工作。

https://www.analyticsmania.com/post/google-tag-manager-custom-event-trigger/

Answer 1

跟踪代码管理器和gtag.js都执行类似的功能:

• 跟踪代码管理器是一个跟踪代码管理系统，可让您通过网络界面快速轻松地更新网站或移动应用上的跟踪代码。
• gtag.js 是 JavaScript 框架，用于将 Google 标记直接添加到网页。

这两种解决方案均基于相同的 Google 核心基础架构构建，并且可以互操作。您可以自由选择最适合您需求的解决方案。

如果您需要，请考虑跟踪代码管理器:

• 能够部署和修改 Google 和第 3 方标记
• 能够部署和修改网络和移动应用的标签
• 能够从网络界面即时部署和修改标签
• 协作和版本控制功能

如果您无法使用 Google 跟踪代码管理器，或者以下功能对您很重要，请考虑 gtag.js:

• 能够直接在网页上安装标签，无需设置标签管理系统的启动时间
• 能够直接在 JavaScript 中使用您的代码，而无需使用单独的界面

https://support.google.com/tagmanager/answer/7582054?hl=en