Javascript google analytics gtag事件不起作用

我正在尝试为google analytics设置事件跟踪。表单提交gtag事件不起作用

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

     // gtag('config', 'UA-XXX-1');
     gtag('config', 'UA-XXX-1', {
         'custom_map': { 'dimension1': 'author_name' }
     });
     var form = document.getElementById('author-form');
     console.log(form);
     form.addEventListener('submit', function (event) {

         event.preventDefault();
         console.log('Event is submitted');
         gtag('event', 'article_view', { 'author_name': 'Ritwik B' });
         // gtag('event', 'author_form_complete', {
         //     'event_callback': function () {

         //         console.log('gtag');
         //         form.submit();

         //         console.log('gtag');
         //     }
         // });
     });
 </script>

window.dataLayer=window.dataLayer | |[]；
函数gtag（）{dataLayer.push（参数）；}
gtag（'js'，新日期（））；
//gtag（“配置”、“UA-XXX-1”）；
gtag（‘配置’、‘UA-XXX-1’{
'自定义映射'：{'dimension1'：'author\u name'}
});
var form=document.getElementById（'author-form'）；
控制台日志（表格）；
表单.addEventListener（'submit'，函数（事件）{
event.preventDefault（）；
console.log（“事件已提交”）；
gtag（'event'、'article_view'、{'author_name'：'Ritwik B'}）；
//gtag（‘事件’、‘作者表格’完成’{
//“事件回调”：函数（）{
//控制台日志（'gtag'）；
//表单提交（）；
//控制台日志（'gtag'）；
//     }
// });
});

“author\u form\u complete”事件有效，但当我签入Real time->Events选项卡时，没有数据。

---

请提供帮助。

正在执行提交事件。我看不出代码有什么问题。几乎相同的代码正在为我发送事件。@indolentdeveloper submit事件正在被触发和执行。但是gtag没有触发。gtag存在一些问题，我想如何验证它是否工作正常。您正在分析页面上查看实时数据吗？@indolentdeveloper是的，我正在检查。。我在localhost中工作。它显示了站点上的0个活动用户。我不知道我要去哪里。您使用的主机名是什么？