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

Question

我已将以下代码添加到我的网页以将事件信息发送到 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', 'click', {'event_category': 'cat1', 'event_label': 'lab1'});
});

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

Answer 1

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

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

Adding gtag script to an external JavaScript file

google-analytics

gtag.js