如何在计算出 google 标签管理器后调用我的一些脚本？

Question

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

目前我只能用 setTimeout 启动我的功能，但我的事情不正确。

在这种情况下，管理器根本不起作用，控制台中没有任何显示。此代码位于 header 我做错了什么？

console

中没有错误

Answer 1

我会在 GTM 中创建一个 Custom HTML tag 来触发一个您可以监听的 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

如何在计算出 google 标签管理器后调用我的一些脚本？

How to call my some script after to work out google tag manager?

javascript

laravel

google-tag-manager