使用 gtag.js 在 Google Analytics 中进行事件跟踪

Question

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

现在我添加了 ga(( 如果登录成功.但不幸的是，当我成功登录时，我在实时>事件最底部表中列出的事件类别和事件操作中找不到任何数据>。我不知道为什么？

<!-- 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 的方法，而不是 ga((，因为它用于分析.js。

发送事件的模式为：

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',
});
})