javascript - 为什么我的自定义 Google Analytics 事件没有触发？

Question

我正在 WordPress 中为客户构建登陆页面模板。该页面的主要转化操作是包含在 Bootsrap 4 模式窗口中的潜在客户生成表单。我的表单提交触发了自定义 GA 事件 - 没有问题，但是我在启动模式窗口时触发事件时遇到问题。

我将全局 (UA) 网站标记硬编码到着陆页的 中(本例中我省略了 UA ID，但在页面上输入正确)

    <!-- Global site tag (gtag.js) - Google Analytics: UA-XXXXXXX-X -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-12360587-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-XXXXXXXX-X');
    </script> 

在一个单独的 JS 文件(在网站页脚中排队)中，我挂接到 Boostrap 模式窗口的内置 shown 方法:

$('#modalsem').on('shown.bs.modal', function (e) {
            ga('send', 'event', 'Form - Breadcrumb', 'Open', 'SEM');
        });

我已经验证了 shown 方法正在触发(我已经通过简单登录控制台进行了测试)，但由于某种原因，自定义 ga( )我定义的事件不会向 Google Analytics(分析)发送任何数据。

Answer 1

看起来您正在使用 Google 标签管理器并尝试使用不适用于 GTM 的旧方法进行事件推送。如果您不能包含旧式谷歌分析代码，您应该更改推送事件的方式。尝试阅读https://www.analyticsmania.com/post/what-is-data-layer-in-google-tag-manager