GTM定时器事件在特定页面不触发问题排查

AngularJS属于单页应用（SPA），前端路由切换不会触发整页刷新，GTM默认的Page URL变量仅在页面首次加载时获取一次。当你从根路径导航到/en/experiences时，GTM内的Page URL仍保留初始的根路径/，导致定时器触发器的URL匹配条件不成立，因此无法触发；而直接访问目标页面时，初始URL就是/en/experiences，触发器条件能正常匹配，所以可以生效。

1. 在AngularJS中监听路由变化，推送自定义事件到数据层 #

根据你使用的路由方案（ngRoute或ui-router），在全局作用域监听路由切换完成事件，将当前路由路径推送到GTM数据层：

• 若使用ngRoute：

angular.module('yourApp').run(['$rootScope', '$location', function($rootScope, $location) {
  $rootScope.$on('$routeChangeSuccess', function() {
    window.dataLayer = window.dataLayer || [];
    dataLayer.push({
      'event': 'spaRouteChanged',
      'currentPagePath': $location.path()
    });
  });
}]);

• 若使用ui-router：

angular.module('yourApp').run(['$rootScope', '$location', function($rootScope, $location) {
  $rootScope.$on('$stateChangeSuccess', function() {
    window.dataLayer = window.dataLayer || [];
    dataLayer.push({
      'event': 'spaRouteChanged',
      'currentPagePath': $location.path()
    });
  });
}]);

2. 在GTM中创建自定义数据层变量 #

• 进入GTM后台，进入「变量」→「用户定义变量」，点击新建。
• 选择「数据层变量」，变量名填写currentPagePath，保存配置。

3. 修改定时器触发器配置 #

• 打开你的gtm.timer触发器，将原有的「Page URL」匹配条件替换为「currentPagePath」变量，设置条件为等于或包含 /en/experiences。
• 额外添加一个条件：「事件」等于spaRouteChanged，确保每次路由切换后，触发器能基于更新后的路径重新判断是否生效。或者你可以新建一个定时器触发器，触发条件设为spaRouteChanged事件+currentPagePath匹配目标路径，这样每次路由切换到目标页面时，定时器会重新开始计时。

4. 验证配置 #

• 开启GTM预览模式，从根路径导航到/en/experiences，检查数据层是否推送了spaRouteChanged事件，且currentPagePath值正确。
• 等待30秒，确认定时器触发器是否正常触发。

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