如何在 mPulse Boomerang 中为 Angular 应用程序注册软导航更改？

Question

BOOMR.plugins.Angular 插件似乎用于AngularJS 1.x ，到目前为止我找不到Angular示例或我可以使用的插件。 根据文档，我提出了以下解决方案：

@Injectable()
export class BoomerangBootstrapService implements OnAppInit {
    constructor(private router: Router) {}

    onAppInit() {
        const boomr = window['BOOMR'];
        const callbacks = {};

        this.router.events.subscribe((e) => {
            if (!boomr) {
                return;
            }
            if (e instanceof NavigationStart) {
                boomr.plugins.SPA.last_location(e.url);
                const callback = () => {
                    boomr.plugins.SPA.markNavigationComplete();
                };
                callbacks[e.url] = callback;
                boomr.plugins.SPA.route_change(callback, []);
            } else if (e instanceof NavigationEnd || e instanceof NavigationCancel || e instanceof NavigationError) {
                const callback = callbacks[e.url];
                if (callback) {
                    callback();
                    delete callbacks[e.url];
                }
            }
        });
    }
}

当我使用浏览器控制台插入帮助diagnostics script来调试调用时，我可以看到注册是正确的，但我没有看到在导航中提交的任何数据。

诊断脚本：

(function(spa) {
  'use strict';
  var rc = spa.route_change;
  var ll = spa.last_location;
  var cm = spa.markNavigationComplete;

  spa.last_location = function(url) {
    console.log('last route url was ' + url);
    ll(url);
  };

  spa.route_change = function(c, o) {
    console.log('route_change start');
    rc(c, o);
  };

  spa.markNavigationComplete = function() {
    console.log('route_change completed');
    cm();
  };
})(window.BOOMR.plugins.SPA);

难道我做错了什么？ 我需要创建自定义插件或调用其他方法吗？ 你能给我指出一个工作代码示例或插件 git 项目吗？

Answer 1

现在无需在您的 Angular 应用程序中检测任何内容。 从 Boomerang 版本 1.632 开始，只需检查

启用单页应用程序 (SPA) 监控

此处提供的文档

https://developer.akamai.com/tools/boomerang/?language=en_US?language=en_US#single-page-apps