我可以在 Google 跟踪代码管理器中观察数据层变量的变化吗?

Question

我正在编写一个Javascript函数，它将成为Google Tag Manager中的一个标签。

它加载在我控制最少的 SPA 上。

每当用户点击时，我都会使用 GTM 功能将一些数据推送到数据层，例如：

var someEventIsTriggered = function(e) {
var target = $('input#watched');
// Trigger a generic "gtm.click" event on every click
dataLayer.push({
"event": "gtm.customEvent",
"gtm.customWatchedVariable": target.val()
});
};

每次触发此事件时，它都会将一个新事件推送到数据层，并更新 gtm.customWatchedVariable 的值。我现在要检查的是当前gtm.customWatchedVariable是否与上一次gtm.customWatchedVariable不同，然后在 GTM 中触发触发器。

我该怎么做？

Answer 1

这个JS正在检查数据层对象中的最后gtm.customWatchedVariable变量是否不同：

var someEventIsTriggered = function(e) {
var target = $('input#watched');
dataLayer.push({
"event": "gtm.customEvent",
"gtm.customWatchedVariable": target.val()
});
var customWatcherVar = dataLayer.filter(function(e){ return typeof(e["gtm.customWatchedVariable"]) != 'undefined';});
var prevDatalayer = customWatcherVar[customWatcherVar.length-2];
var newDatalayer = customWatcherVar[customWatcherVar.length-1];
var prevVal = null;
var newVal = null;
if (prevDatalayer!=null)
{
prevVal = prevDatalayer["gtm.customWatchedVariable"];
}
if (newDatalayer!=null)
{
newVal = newDatalayer["gtm.customWatchedVariable"];
}
if (prevVal != newVal)
{
// Push another datalayer, because gtm.customWatchedVariable changed
}
};

Answer 2

感谢@victor-列昂季耶夫，为我指出答案。

我没有意识到你可以像对待任何其他数组一样对待 dataLayer 对象。所以我的代码现在看起来像这样：

var someEventIsTriggered = function(e) {
var target = $('input#watched');
var lastEvent = dataLayer
.filter(function (e) { return e.event === 'gtm.customEvent'; })
.pop();
var lastValue = lastEvent instanceof Object 
? lastEvent["gtm.customWatchedVariable"] 
: false;
// Trigger a generic "gtm.click" event on every click
dataLayer.push({
"event": "gtm.customEvent",
"gtm.customWatchedVariable": target.val()
});
if (lastValue !== target.val()) {
// Do the thing.
}
};

谢谢！