[英]dataLayer.push not working after GTM script
我想使用 Google 标签管理器实施增强型电子商务,并且我想为标签 Universal Analytics 推送一些数据。
我一直在 GTM 脚本之前创建 dataLayer,但现在我需要使用dataLayer.push
发送更多数据
它不起作用, datalaLayer.push
仅在 GTM 脚本启动之前发生时才起作用。
例子。 这有效:
<script>
<head>
dataLayer = [{
'google_tag_params': {
'ecomm_pagetype': 'category',
'ecomm_category': '{{ $resource->seo->h1 }}',
}
}];
dataLayer.push({
'ecommerce': {
'currencyCode': 'EUR',
'impressions': [
{
'id': '12312',
'price': 24,
'category': 'wfwefwerwerwer',
'position': 2,
'name': 'wfwefwerwerwer',
'brand': 'My Brand',
'list': 'Product List',
}
]
}
});
(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-XXXXXX');
</script>
</head>
但是如果我在 GTM 脚本不起作用后使用 dataLayer.push ,则不会发送任何数据,也不会报告任何错误。
这对我不起作用:
<head>
<script>
dataLayer = [{
'google_tag_params': {
'ecomm_pagetype': 'category',
'ecomm_category': '{{ $resource->seo->h1 }}',
}
}];
(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-XXXXXX');
</script>
</head>
<body>
//something content html here
<footer></footer>
<script>
dataLayer.push({
'ecommerce': {
'currencyCode': 'EUR',
'impressions': [
{
'id': '12312',
'price': 24,
'category': 'wfwefwerwerwer',
'position': 2,
'name': 'wfwefwerwerwer',
'brand': 'My Brand',
'list': 'Product List',
}
]
}
});
</script>
</body>
您没有遵循最佳实践,因此迟早会遇到问题。
.push
而不是初始化:您的第一个调用是数组初始化( dataLayer = [
)。 这意味着如果 dataLayer 已经存在,它将被完全覆盖,包括 GTM 自定义的.push
方法以接收推送事件。 现在它工作正常,因为您在初始化后调用 GTM。 但这是一个坏习惯。 有一天,您将 GTM 移到该初始化之上或在 GTM 之后添加类似的初始化调用,它就会中断。你的电话应该是:
window.dataLayer = window.dataLayer || [];
dataLayer.push({...});
event
属性: event
属性是 GTM 用来定义触发器并知道数据何时可用的属性。 您可以有 2 个连续的.push
调用,第一个带有event
,第二个没有,并且来自第一个的数据将在第二个事件中可用(只要该事件不覆盖它),但再次是坏习惯和玩火。例如:
dataLayer.push({
'event': 'ecommerce', // naming is up to you, should match your GTM triggers
'ecommerce': {
...
在您的特定情况下,由于缺少event
键,只要在推送后加载 GTM,它就可以工作,因为当 GTM 启动时数据已经存在。当push
调用在 GTM 之后移动时,因为没有event
属性, GTM 无法知道数据何时可用。 所以你应该:
event
键(总是!)event
的触发器以下是有关这些主题的更多阅读资料:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.