将 gtag 脚本添加到外部 JavaScript 文件

如何解决将 gtag 脚本添加到外部 JavaScript 文件

我已将以下代码添加到我的网页以将事件信息发送到 Google Analytics：

<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-144340016-1"></script>

    <!-- Google Analytics -->
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js',new Date());
        gtag('config','UA-144340016-1');
    </script>
    <!-- End Google Analytics -->
</head>
<body>
    <a id='lin1' href="cool.com" onclick="gtag('event','click',{'event_category': 'cat1','event_label': 'lab1'});">
    </a>
</body

现在我不想在 html 上使用内联 onclick 事件，我想把这个位移动到一个单独的 JavaScript 代码，所以像这样：

my.js

$('#lin1').click(function() {
    gtag('event','event_label': 'lab1'});
});

然后在我的网页底部添加 my.js。这种方法有什么问题吗？我看到的所有文档都将 gtag 事件直接添加到 HTML 中，这就是为什么我想确保我正在做的事情是否没有缺点

解决方法

具有将点击发送到 Analytics 的函数的函数库没有问题。最终，文档建议将代码段 (gtag.js) 直接插入 HTML 的 head 中（但这看起来您已经这样做了）。