在单独的JavaScript文件中运行Google跟踪代码管理器脚本？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在单独的JavaScript文件中运行Google跟踪代码管理器脚本？相关的知识，希望对你有一定的参考价值。
我希望将应放在.html页的<head>中的Google跟踪代码管理器代码放在单独的javascript文件中。
与此类似：<script src="/js/tagmanager.js"></script>
应该放在头部的代码，由Google提供：
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i)w[l]=w[l]||[];w[l].push('gtm.start':
new Date().getTime(),event:'gtm.js');var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
)(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->
我将如何重写该代码以从tagmanager.js脚本文件而不是应放在头部的脚本运行？如果也可以加载异步，那就太好了。
答案
将<script>的内容放入您的tagmanager.js文件：
(function(w,d,s,l,i)w[l]=w[l]||[];w[l].push('gtm.start':
new Date().getTime(),event:'gtm.js');var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
)(window,document,'script','dataLayer','GTM-XXXX');
然后像这样<script async src="/js/tagmanager.js"></script>加载它>
以上是关于在单独的JavaScript文件中运行Google跟踪代码管理器脚本？的主要内容，如果未能解决你的问题，请参考以下文章
通过 Google 表格解析时出现“JavaScript 运行时意外退出”错误
单独 JSON 文件中的 Terraform Bigquery 表架构
如何在 Web 应用程序的单独文件中回调 Google Maps init