Javascript 在特定操作后将变量传递给GTM数据层
正如标题所说，在操作完成后，我需要将变量传递给GTM数据层。 更具体地说，我想在datepicker中选择日期之后将巡演日期传递给GTM层 我不知道什么是正确的方法。现在，我有以下数据层脚本：Javascript 在特定操作后将变量传递给GTM数据层,javascript,google-tag-manager,Javascript,Google Tag Manager,正如标题所说，在操作完成后，我需要将变量传递给GTM数据层。 更具体地说，我想在datepicker中选择日期之后将巡演日期传递给GTM层 我不知道什么是正确的方法。现在，我有以下数据层脚本： <script > var dataLayer = [({ "customerLoggedIn": 0, "customerId": 0, "customerGroupId": "1", "customerGroupCod
<script >
var dataLayer = [({
"customerLoggedIn": 0,
"customerId": 0,
"customerGroupId": "1",
"customerGroupCode": "GENERAL",
"productId": "6",
"productName": "Big Loop Boat Tour",
"productSku": "boat-tour",
"productPrice": "0.00",
"productPriceExcludingTax": "0.00",
"productTax": "0.00",
"productTaxRate": 0,
"productGender": false,
"pageType": "catalog\/product\/view"
})];
dataLayer.push({
'ecommerce': {
"detail": [{
"id": "6",
"name": "Big Loop Boat Tour",
"sku": "boat-tour",
"price": 0,
"priceexcludingtax": "0.00",
"tax": "0.00",
"taxrate": 0,
"brand": "",
"gender": false,
"category": null,
"children": []
}]
}
});
(function(w, d, s, l, i) {
if (i == '') {
return console.log('No GTM ID provided');
}
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', 'XXXXXXXX');
</script>
$date.selected<script>
dataLayer.push({"selectedDate": $date.selected});
</script>
push（{“selectedDate”：$date.selected}）；
<script >
var dataLayer = [({
"customerLoggedIn": 0,
"customerId": 0,
"customerGroupId": "1",
"customerGroupCode": "GENERAL",
"productId": "6",
"productName": "Big Loop Boat Tour",
"productSku": "boat-tour",
"productPrice": "0.00",
"productPriceExcludingTax": "0.00",
"productTax": "0.00",
"productTaxRate": 0,
"productGender": false,
"pageType": "catalog\/product\/view",
"selectedDate": $date.selected
})];
dataLayer.push({
'ecommerce': {
"detail": [{
"id": "6",
"name": "Big Loop Boat Tour",
"sku": "boat-tour",
"price": 0,
"priceexcludingtax": "0.00",
"tax": "0.00",
"taxrate": 0,
"brand": "",
"gender": false,
"category": null,
"children": []
}]
}
});
(function(w, d, s, l, i) {
if (i == '') {
return console.log('No GTM ID provided');
}
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', 'XXXXXXXX');
</script>
var数据层=[({
“customerLoggedIn”：0，
“customerId”：0，
“customerGroupId”：“1”，
“customerGroupCode”：“常规”，
“productId”：“6”，
“产品名称”：“大圈船之旅”，
“产品SKU”：“乘船游览”，
“产品价格”：“0.00”，
“产品价格（不含税）：“0.00”，
“产品税”：“0.00”，
“产品税率”：0，
“产品性别”：假，
“页面类型”：“目录\产品\视图”，
“selectedDate”：$date.selected
})];
数据层推送({
“电子商务”：{
“细节”：[{
“id”：“6”，
“名称”：“大圈船游”，
“sku”：“乘船游览”，
“价格”：0，
“价格不包括税”：“0.00”，
“税”：“0.00”，
“税率”：0，
“品牌”：“，
“性别”：错，
“类别”：空，
“儿童”：[]
}]
}
});
（功能（w、d、s、l、i）{
如果（i=''）{
返回console.log（“未提供GTM ID”）；
}
w[l]=w[l]| |[]；
w[l]。推({
“gtm.start”：新日期（）.getTime（），
事件：“gtm.js”
});
var f=d.getElementsByTagName[0]，
j=d.createElement，
dl=l！=“数据层”？“&l=”+l:”；
j、 异步=真；
j、 src='//www.googletagmanager.com/gtm.js？id='+i+dl；
f、 parentNode.insertBefore（j，f）；
})（窗口、文档、“脚本”、“数据层”、“XXXXXXXX”）；
数据层数据层中多次推送新日期
每次向数据层添加内容时，都会推送一条新的“消息”。将数据层
视为一个数组，其中包含您推送的所有消息
在页面加载时初始化只会在变量中添加一个没有值的条目。我认为使用ga.js会让您的生活更轻松：）您能解释一下怎么做吗？我使用的是GA，在我的例子中，变量是这样的：前端>GTM>GA、FB、shareAsale等等。基本上GTM是一个中间人加上强大的触发器管理器。ga.js有何帮助？对我来说，它让我的分析看起来更加清晰易读。另外，如果我没记错的话，ga.js有一个GTM插件。谢谢你的回复，非常有用！触发操作完成（知道何时推送）是“并在GTM中创建由日期选择器单击触发的自定义标记”是一个好主意。还是应该直接在网页上进行编码？@get9这两个选项都是可行的。例如，如果您在选择datepicker时触发事件，那么您也可以将其值从GTM推送到数据层（因为处理它非常容易）。另一方面，如果你有一个回调来处理点击，那么你应该在你的网页上这样做。
<script >
var dataLayer = [({
"customerLoggedIn": 0,
"customerId": 0,
"customerGroupId": "1",
"customerGroupCode": "GENERAL",
"productId": "6",
"productName": "Big Loop Boat Tour",
"productSku": "boat-tour",
"productPrice": "0.00",
"productPriceExcludingTax": "0.00",
"productTax": "0.00",
"productTaxRate": 0,
"productGender": false,
"pageType": "catalog\/product\/view",
"selectedDate": $date.selected
})];
dataLayer.push({
'ecommerce': {
"detail": [{
"id": "6",
"name": "Big Loop Boat Tour",
"sku": "boat-tour",
"price": 0,
"priceexcludingtax": "0.00",
"tax": "0.00",
"taxrate": 0,
"brand": "",
"gender": false,
"category": null,
"children": []
}]
}
});
(function(w, d, s, l, i) {
if (i == '') {
return console.log('No GTM ID provided');
}
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', 'XXXXXXXX');
</script>