Google analytics 如何使用gtag.js实现页面滚动的事件跟踪？

我目前正在学习一门课程，我们将创建自己的网站，并使用谷歌分析跟踪其流量。我们可以自己编写站点代码，也可以使用带有HTML小部件的站点生成器。我选择从头开始编写代码。不幸的是，我的教授正在教我们使用analytics.js进行事件跟踪，而我正在使用gtag.js。除了跟踪页面滚动外，我在将他的示例代码（他允许我们使用）转换为gtag.js时没有遇到太多麻烦

这是他的页面滚动代码：

<script>
document.addEventListener('scroll', function(){
    var h =  document.documentElement,
        b =  document.body,
        st =  'scrollTop',
        sh =  'scrollHeight';
    var percent = parseInt ( (h[st]||b[st]) / ((h[sh]||b[sh]) - h.clientHeight) * 100);
  console.log(percent + "%");
if (percent == 25)
{
    ga('send', 'event', 'Scrolling', 'moreThan25%', '{{Page URL}}', { 'nonInteraction': 1 });
}
else if (percent == 50)
{
    ga('send', 'event', 'Scrolling', 'moreThan50%', '{{Page URL}}', { 'nonInteraction': 1 });
}
else if (percent == 75)
{
    ga('send', 'event', 'Scrolling', 'moreThan75%', '{{Page URL}}', { 'nonInteraction': 1 });
}
else if (percent == 90)
{
    ga('send', 'event', 'Scrolling', 'moreThan90%', '{{Page URL}}', { 'nonInteraction': 1 });
}
});
  </script>

这是正确的吗？我没有在我的GA仪表板上看到此事件被跟踪

最后一点注意：如果可以，我希望避免使用标记管理器。我的教授没有教我们如何使用它，所以我自己尝试学习如何使用它有点吓人

gtag('event', 'moreThan25%', {'event_category': 'page_scrolling','event_label': 'home_page_scroll', 'non_interaction': true});