javascript - 为什么 Google 标签管理器会附加在正文末尾？

Question

我目前正在尝试实现 Google 跟踪代码管理器，但遇到了问题，因为 GTM 将标记附加在正文的结束标记之前。

每当我有一个模板需要从 Google 跟踪代码管理器中的一个脚本调用一些代码时，我就会收到未定义的错误。这是显而易见的，因为无论我将脚本放在 View 中的什么位置，GTM 总是会出现在它之后，因为它附加在结束正文标记之前。

有什么办法可以解决这个问题吗？为什么 Google 会这样做？我知道它有助于非阻塞，但他们也可能只是在脚本上放置异步属性，它几乎会做同样的事情？

举个例子，我将 Facebook Pixel 作为 GTM 中的标签之一，当我加载某个页面作为我的 View 时，我需要能够进行特定的事件调用。

fbq('track', 'Search');

当然，这需要一个 fbq 实例来开始。这让我只有一个选择，那就是尝试将我的脚本放在页脚中，这是一个通用模板，它会变得困惑。

针对此行为有任何解决方法吗？

Answer 1

您面临的问题是，当您调用函数时，Facebook 库未完全加载。一种方法是将 Facebook 代码迁移到 GTM，在所有页面上触发它并在 dom 就绪时触发您的特定代码

您还可以使用下面的代码并查看 _fbq.loaded 变量何时设置为 true。 https://gist.github.com/chrisjhoughton/1dc91dd7bd95717e08d3

您必须基于此 JavaScript 变量创建触发器。希望这有帮助