基于Data Layer变量变更配置Google Tag Manager触发器的问题

我有一个变量watchedVariable，取值仅为“ABC”或“DEF”，需要配置一个Tag，每当该变量在“ABC”与“DEF”间切换时触发。我参考旧帖编写JavaScript代码推送"event" : "watchedVariable changed"事件，但无法适配我的场景。已调整{{watchedVariable}}名称和末尾的dataLayer.push命令，请问还需修改哪些内容？

当前JS代码片段

<script>
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[{{watchedVariable}}] 
                        : false;

    // Trigger a generic "gtm.click" event on every click
    dataLayer.push({
        "event": "gtm.customEvent",
        {{watchedVariable}}: target.val()
    });

    if (lastValue !== target.val()) {
        dataLayer.push({
        "event": "watchedVariable changed"
    });
    }

};
</script>

以下是需要调整的核心内容：

• 修正目标值获取逻辑：原代码通过$('input#watched')获取值，但你的场景是监听变量watchedVariable而非输入框，直接使用全局变量watchedVariable替换target.val()即可，同时移除不必要的jQuery依赖（未引入jQuery时这行代码会直接报错）。

• 替换模板语法占位符：{{watchedVariable}}是GTM模板语法，在纯JavaScript中会导致语法错误，需替换为实际的变量名字符串（比如"watchedVariable"），或直接用变量名作为对象属性。

• 优化历史值存储方式：依赖dataLayer过滤历史事件不可靠（比如dataLayer被清空、其他自定义事件干扰），改用全局变量存储上一次的值更稳定。

• 修正注释与实际逻辑不符：原注释标注触发gtm.click，但实际推送的是gtm.customEvent，需更新注释避免混淆。

• 处理初始值触发问题：第一次执行时无历史值，需避免误触发切换事件。

修正后的代码

<script>
// 全局变量存储上一次的变量值，初始化时设为当前值避免首次误触发
var lastWatchedValue = watchedVariable;

var someEventIsTriggered = function(e) {
    var currentValue = watchedVariable;

    // 推送自定义事件记录当前值
    dataLayer.push({
        "event": "gtm.customEvent",
        "watchedVariable": currentValue
    });

    // 仅当值发生切换时推送目标事件
    if (lastWatchedValue !== currentValue) {
        dataLayer.push({
            "event": "watchedVariable changed"
        });
        // 更新历史值
        lastWatchedValue = currentValue;
    }
};
</script>

内容的提问来源于stack exchange，提问作者bmcawesomeville