javascript - 如何在制定谷歌标签管理器后调用我的一些脚本？

Question

我的标题中有谷歌标签管理器片段，他向我的链接添加了一些参数。在解决这个经理之后我不会解析这个链接。我该怎么做？

目前我只能使用 setTimeout 启动我的函数，但我的想法不正确。

在这种情况下，管理器根本不工作，控制台中不显示任何内容。该代码位于标题中我做错了什么？

控制台中没有任何错误

Answer 1

我会创建一个Custom HTML tag在 GTM 中，它会触发您可以监听的 JavaScript 事件。

<script>
  window.dispatchEvent(new CustomEvent('gtm:loaded'))
</script>

然后，在源代码中监听该事件。

window.addEventListener('gtm:loaded', function (event) {
  // give the necessary tag a chance to run
  setTimeout(function () {
    // your code
  }, 500)
})

请注意，如果您想支持 IE，则需要为 CustomEvent 使用 polyfill。

(function () {

  if ( typeof window.CustomEvent === "function" ) return false;

  function CustomEvent ( event, params ) {
    params = params || { bubbles: false, cancelable: false, detail: undefined };
    var evt = document.createEvent( 'CustomEvent' );
    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
    return evt;
   }

  CustomEvent.prototype = window.Event.prototype;

  window.CustomEvent = CustomEvent;
})();

来源:https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent