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

时间:2021-03-10 07:54:56

标签: google-analytics gtag.js

我已将以下代码添加到我的网页以将事件信息发送到 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 中,这就是为什么我想确保我正在做的事情是否没有缺点

1 个答案:

答案 0 :(得分:1)

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