google-analytics - 使用 gtag.js 在谷歌分析中进行事件跟踪

Question

我最近开始学习 Google Analytics (GA)。我在 Angular 中有单页应用程序。应用程序中有一个登录按钮。我想跟踪有多少用户使用 GA 登录。所以我所做的是在 GA 中创建了一个属性并获得了跟踪 ID。然后我在索引页面之后添加了以下脚本。

现在我添加了 ga() 如果登录成功。但不幸的是，当我成功登录时，我无法在 REAL-TIME->Events->bottom most table 中列出的 Event Category 和 Event Action 中找到任何数据。我无法弄清楚为什么？

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

  gtag('config', 'UA-XXXXXXXX-X');
</script>

$http({enter code here
          method: 'POST',
          'async': true,
          'cache': false,
          'global': false,
          url: //the  correct url,
          isStaySignIn: isStaySignIn,
          isIdamOn: true,
        }).success(function(data, status, headers) {
          $rootScope.Loading = "Loading";
          deferred.resolve({
            data: data,
            headers: headers
          });
          
          ga('send', {
            hitType: 'event',
            eventCategory: 'MODE',
            eventAction: 'IDAM',
            eventLabel: 'Login using Jio ID'
          });
        })

Answer 1

您应该使用 gtag.js 发送 GA 事件，因为这是您实现 GA 的方法，而不是用于 analytics.js 的 ga()。

发送事件的模式是:

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

更新的片段:

$http({enter code here
          method: 'POST',
          'async': true,
          'cache': false,
          'global': false,
          url: //the  correct url,
          isStaySignIn: isStaySignIn,
          isIdamOn: true,
        }).success(function(data, status, headers) {
          $rootScope.Loading = "Loading";
          deferred.resolve({
            data: data,
            headers: headers
          });
          
          //send login event using gtag.js
          gtag('event', 'IDAM', {
            'event_category': 'MODE',
            'event_label':'Login using Jio ID',
          });

        })