谷歌标签管理器没有引用 jQuery？ “$ 不是函数”

Question

首先要说我对 JS 和 jQuery 的经验非常有限，所以我在这里有点犹豫。

我有一个 GTM 自定义 HTML 标签，它使用 jQuery 从与特定错误消息 class 关联的标签/图例元素中获取文本，并将每个标签推送到 dataLayer 以进行事件处理：

 <script type="text/javascript" id="error-push"> jQuery( document ).ready(function() { var errMsgs = document.getElementsByClassName("error_message"); for (i = 0; i < errMsgs.length; i++) { var assocLabel = $(errMsgs[i]).closest(".field_error").find(".field_label").text(); if(assocLabel) { dataLayer.push({'field-error': assocLabel}); } } }); </script>

在我的浏览器控制台中直接测试时，我可以让 function 运行没有问题。 但是当我通过 GTM 运行它时，我得到了一个 Uncaught TypeError：

Uncaught TypeError: $ is not a function
    <anonymous> https://example.com/form/?gtm_debug=1661509869380 line 348 > injectedScript:1
    jQuery 2
        e
        t
register:1:218

起初我以为 GTM 只是在加载 jQuery 之前触发了脚本，所以我在 GTM 的脚本顶部添加了一个额外的行来检查它：

<script type="text/javascript" id="error-push">
  typeof window.jQuery !== 'undefined' ? console.log(window.jQuery.fn.jquery) : 'jQuery not found!'
  jQuery( document ).ready(function() { ...

...并且控制台返回“3.6.0”，表明 function 运行时加载了 jQuery。 那么 TypeError 是从哪里来的呢？

Answer 1

我个人对 Google Tag Manger 的做法是没有在其中使用 jQuery。

因为它会有很多错误，不知道为什么会出现。

在你的情况下：

我建议你使用触发器Dom Ready 。 据我所知，当你想触发jQuery( document ).ready(function() {}