Ham*_*bot 6 jquery google-tag-manager
我在网站上实施Google跟踪代码管理器时遇到了一些问题.我有一个Google代码,当我在我的网站上试用它时,会产生很多 javascript冲突.
因此,我尝试将代码放在一个单独的文件中,以便逐步执行并观察不同脚本的行为.
所以这里是我非常简单的HTML页面:
<!DOCTYPE html>
<html>
<head>
<title>Titre</title>
</head>
<body>
<!-- Google Tag Manager -->
<noscript>
<iframe src="http://www.googletagmanager.com/ns.html?id=GTM-XXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script type="text/javascript">
dataLayer = [{'uid':'12'}];
(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='//www.googletagmanager.com/gtm.js?id='+i+dl;
f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');
</script>
<!-- End Google Tag Manager -->
hello
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这个页面,在JS控制台中返回一个错误:
Uncaught ReferenceError: jQuery is not defined
Run Code Online (Sandbox Code Playgroud)
嗯,这是出乎意料的,jQuery在这里要做什么?我甚至没有在我的身体标签上声明它,Google是否需要jQuery?
所以这很奇怪,第二件事,当我在浏览器上加载后查看生成的HTML页面时:
<body>
... Long stuff here
<script type="text/javascript" id="" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
... some other stuff here
</body>
Run Code Online (Sandbox Code Playgroud)
这是什么魔法?为什么Google会在页面底部添加一个jquery,为什么我的控制台会向我显示jQuery错误?
非常感谢任何类型的信息,我完全失去了...祝你有愉快的一天!
我终于找到了解决方案,正如在另一个问题中所说的那样,jQuery是由googletagmanager注入的,它是由配置google标记管理器的Web Agency配置的。
因此,如果您遇到同样的问题,请致电您的网络代理...
如果您已经为自己配置了标签管理器,请在Google跟踪代码管理器界面中签入设置。
Google Tag Manager 论坛上的 Simo Ahava 回答了此类问题:
基本上,他说 GTM 默认不加载 jQuery。
即使您的页面确实加载了它,使用它的 GTM 标记也可能在页面加载 jQuery 之前被触发。
您可以让 jQuery 代码等待库加载或在自定义 HTML 标记中加载它。
| 归档时间: |
|
| 查看次数: |
17627 次 |
| 最近记录: |